首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >webpack-dev-server启用功能,然后在Webpack配置中使用"host“选项时断开两次连接。

webpack-dev-server启用功能,然后在Webpack配置中使用"host“选项时断开两次连接。
EN

Stack Overflow用户
提问于 2021-11-09 16:33:11
回答 1查看 3.8K关注 0票数 3

在将webpack-dev-server从3.11.0升级到4.4.0之后,当我在Webpack配置文件中使用devServer下的"host“选项时,热重加载不再工作。我的控制台显示WDS连接两次,随后断开连接:

代码语言:javascript
运行
复制
[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部分:

代码语言:javascript
运行
复制
devServer: {
  port: 3000,
  host: 'app.ddev.site',
  allowedHosts: 'auto',
  open: true,
  hot: true,
  proxy: {
    '/xhr': 'http://localhost:7777',
  },
},

Webpack包版本:

代码语言:javascript
运行
复制
"webpack": "^5.61.0",
"webpack-bundle-analyzer": "^4.5.0",
"webpack-cli": "^4.9.1",
"webpack-dev-server": "^4.4.0"

与"npm run dev“相关的脚本:

代码语言:javascript
运行
复制
"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",

任何帮助都是非常感谢的!提前谢谢。

EN

Stack Overflow用户

发布于 2022-02-14 23:41:40

我认为您的allowedHosts设置可能要归咎于此。

根据医生们,您可能在以下方面取得了成功:

代码语言:javascript
运行
复制
allowedHosts: ['all']
票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69901768

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档