Saltar al contenido

La recarga en caliente del webpack-dev-server no funciona

Nuestro grupo de trabajo ha estado por horas buscando para dar soluciones a tu búsqueda, te brindamos la soluciones de modo que nuestro deseo es serte de gran ayuda.

Solución:

Lo que funcionó para mí es escribir

// index.html
            // obras
 // ¡no funciona!

Acuerdo dist/bundle.js ya que el archivo de salida funciona perfectamente bien si solo lo construye usando webpack. Pero al usar webpack-dev-serverla static El archivo que ya está en el sistema de archivos continúa sirviéndose, y no el último reemplazo activo. Parece webpack-dev-server se confunde cuando ve dist/bundle.js en el archivo html y no lo reemplaza en caliente, aunque webpack.config.js está configurado para esa ruta.

Cuando usas webpack-dev-serverconstruye todos los archivos internamente y no es escúpelos en tu ruta de salida. Correr webpack solo, sin el servidor de desarrollo, hace la compilación real en el disco. El servidor de desarrollo hace todo en la memoria, lo que acelera mucho la recompilación.

Para solucionar su problema de recarga en caliente, configure la base de contenido en su directorio de origen y habilite el modo en línea

Al igual que:

webpack-dev-server --content-base src --hot --inline

Ninguna de las opciones en esta página funcionó para mí. Después de cambiar la sección devServer a:

devServer: 
    port: 8080,
    contentBase: ['./src', './public'], // both src and output dirs
    inline: true,
    hot: true
,

funcionó.

Comentarios y calificaciones

¡Haz clic para puntuar esta entrada!
(Votos: 3 Promedio: 4.3)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *