webpack-dev-server 启用功能，然后在 Webpack 配置中使用“host”选项时断开连接两次答案

【问题标题】：webpack-dev-server enables features, then disconnects twice when using "host" option in Webpack configwebpack-dev-server 启用功能，然后在 Webpack 配置中使用“host”选项时断开连接两次
【发布时间】：2021-11-09 16:33:11
【问题描述】：

在将 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!

当我删除“主机”选项并恢复为“本地主机”时，热重载始终如一。

我的 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",

感谢任何帮助！提前致谢。

【问题讨论】：

标签： javascript webpack webpack-dev-server

【解决方案1】：

我认为你的allowedHosts 设置很可能是罪魁祸首。

根据the docs，您可能会成功：

allowedHosts: ['all']

【讨论】：