Estoy en el proceso de aprender Sveltejs y hasta ahora he estado usando https://svelte.dev/repl/ para seguir el tutorial, que ha estado funcionando perfectamente.
Sin embargo, quería desarrollar y ejecutar aplicaciones Sveltejs desde mi máquina (MacBook Air M1), así que descargué el archivo sveltejs proporcionado y lo abrí en VS Code.
Instalé la instalación de node_modules npm install . Luego, ejecuté npm run dev que no parece producir un error
Captura de pantalla de la terminal
Sin embargo, cuando abro http://localhost:5000, se me presenta una página en blanco y, al ir a 'Inspeccionar elemento', aparece una página web vacía: Captura de pantalla de localhost:5000
Descargué esta plantilla de https://svelte.dev/repl/ . No realicé ningún cambio en este proyecto, pero aún funciona mal.
Cualquier ayuda es apreciada y gracias de antemano!
Cabe señalar que soy nuevo en el desarrollo web y el administrador de paquetes de nodos.
El problema en el mac M1 (en realidad, es probable que se deba a oSX Catalina, no al M1 específicamente, pero no he verificado una Intel que ejecute Catalina) es que el centro de comando está utilizando el puerto 5000. Esto significa que svelte no puede vincularse a ese puerto.
Para ver qué puertos están activos en su mac, ejecute el comando
lsof -nP +c 15 | grep LISTENCuando ejecuta npm run dev, puede configurar el puerto en otra cosa que no esté en conflicto... Esto es lo que ejecuté.
PORT=54321 npm run devEso debería arreglarlo y correr por ti.
Luego accederá a él en
http://localhost:54321
Cuando inicias tu proyecto esbelto, necesitas este comando:
npx degit sveltejs/template my-svelte-projectdespués de ir a su proyecto:
cd my-svelte-projecty cuando estás en este proyecto ejecutas:
npm install npm run devdespués de que npm ejecute dev, normalmente tiene información sobre las ejecuciones de la aplicación del puerto.
Luego vas a src y App.svelte y reemplazas el código de forma predeterminada por tu código. Normalmente tiene que funcionar.
¿Tenías una página de bienvenida de svelte antes de poner tu código?
aquí tienes un buen tutorial de svelte.