将webpack-dev-server从3.11.0更新到4.4.0后,当我在Webpack配置文件中使用devServer下的“host”选项时,热重载不再起作用。我的控制台显示WDS连接两次,随后断开连接:
[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!
当我删除“host”选项并恢复为“localhost”时,热重载可以稳定工作。
我的webpack配置文件的devServer部分:
devServer: {
port: 3000,
host: 'app.ddev.site',
allowedHosts: 'auto',
open: true,
hot: true,
proxy: {
'/xhr': 'http://localhost:7777',
},
},
Webpack软件包版本:
"webpack": "^5.61.0",
"webpack-bundle-analyzer": "^4.5.0",
"webpack-cli": "^4.9.1",
"webpack-dev-server": "^4.4.0"
与 "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",
非常感谢您的帮助!提前致谢。