es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • El comando “svelte-kit dev” no está creando un archivo index.html durante la compilación.

El comando “svelte-kit dev” no está creando un archivo index.html durante la compilación.

18 Jun, 2023 Programación

Estoy intentando crear una aplicación svelte utilizando svelte-kit. Y tengo un servidor interno de larval donde estoy utilizando la carpeta de compilación para abrir el archivo index.html.

Pero el problema es que cada vez que hago un cambio tengo que hacer svelte-kit build.

Y al principio, svelte-kit build tampoco crea el index.html. Por lo tanto, configuramos algunos adaptadores para superar este problema.

Quiero el mismo comportamiento mientras ejecuto svelte-kit dev también. No sé qué configuraciones necesito cambiar. Actualmente, mientras ejecuto dev, crea la carpeta .svelte-kit.

// archivo svelte.config.js
import adapter de "@sveltejs/adapter-static";

const config = {
    kit: {
        adapter: adapter(),
        
        // hidratar el elemento 
 en src/app.html
        target: "#svelte",
        
        vite: {
            optimizeDeps: {
                include: ["just-throttle", "dayjs"]
            }
        }
    },
};

export default config;
Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para lograr el mismo comportamiento al ejecutar svelte-kit dev, debes modificar tu archivo svelte.config.js. Actualmente, estás usando el adaptador @sveltejs/adapter-static, que genera un sitio estático en tiempo de compilación. En su lugar, debes utilizar el adaptador @sveltejs/adapter-node, que te permitirá ejecutar tu aplicación en modo de desarrollo con soporte de recarga en caliente.

    Para usar el adaptador @sveltejs/adapter-node, primero debes instalarlo. Ejecuta el siguiente comando en tu terminal:

    npm install --save-dev @sveltejs/adapter-node

    Después de instalar el adaptador, actualiza tu archivo svelte.config.js para utilizarlo:

    // archivo svelte.config.js
import adapter from '@sveltejs/adapter-node';

const config = {
  kit: {
    adapter: adapter(),
    target: '#svelte',
    vite: {
      optimizeDeps: {
        include: ['just-throttle', 'dayjs']
      }
    }
  }
};

export default config;

    Ahora podrás ejecutar tu aplicación en modo de desarrollo utilizando el comando svelte-kit dev, y se recargará automáticamente con tus cambios sin tener que ejecutar svelte-kit build nuevamente.

Comments are closed.