Después de actualizar webpack-dev-server a 4.4.0 desde 3.11.0, cuando uso la opción "host" en devServer en mi archivo de configuración de Webpack, la recarga en caliente ya no funciona. Mi consola muestra WDS conectándose dos veces y luego desconectándose:
[HMR] Waiting for update signal from WDS... [webpack-dev-server] Hot Module Replacement enabled. [webpack-dev-server] Live Reloading enabled. [webpack-dev-server] Disconnected! [webpack-dev-server] Trying to reconnect... [webpack-dev-server] Hot Module Replacement enabled. [webpack-dev-server] Live Reloading enabled. [webpack-dev-server] Disconnected!
Cuando elimino la opción "host" y vuelvo a "localhost", la recarga en caliente funciona de manera constante.
La sección devServer de mi archivo de configuración de paquete web:
devServer: { port: 3000, host: 'app.ddev.site', allowedHosts: 'auto', open: true, hot: true, proxy: { '/xhr': 'http://localhost:7777', }, },
Versiones del paquete Webpack:
"webpack": "^5.61.0", "webpack-bundle-analyzer": "^4.5.0", "webpack-cli": "^4.9.1", "webpack-dev-server": "^4.4.0"
Scripts relacionados con "npm run dev":
"client": "cross-env NODE_ENV=development webpack serve --config=config/webpack.dev.js", "dev": "concurrently \"npm run start-local\" \"npm run client\"", "start-local": "nodemon src/server/start.js",
¡Cualquier ayuda es apreciada! Gracias por adelantado.
Creo que su configuración de allowedHosts
es probablemente la culpable.
De acuerdo con los documentos , es posible que tenga éxito con:
allowedHosts: ['all']