Vue cli 3 热重载突然无法在浏览器中工作

Question

我有一个由 Vue cli 3 生成的 Vue 项目，我的热重载突然停止在我的浏览器中工作。终端仍会获取对代码所做的更改，但是，我的浏览器没有获取更改。我必须手动刷新才能获取新的更改。正如其他人所建议的那样，我在我的 — 中手动设置了 poll: true vue.config.js 我也尝试设置代理，但都没有成功。

有什么建议可以让这项工作再次发挥作用吗？

更新：

在一些 Vue 更新之后，它突然又开始工作了。我仍然不知道这是什么原因。这可能是 vue-cli 中的错误？

原文由 Gilian 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我的问题是 WDS

控制台显示：

 [HMR] Waiting for update signal from WDS...
[WDS] Disconnected!
GET http://ip:port/sockjs-node/info?t=some-number
net::ERR_CONNECTION_TIMED_OUT sockjs.js?some-number

我的解决方案是：

在

package.json

改变

"serve": "vue-cli-service serve",

至

"serve": "vue-cli-service serve --host localhost",

或者

添加

module.exports = {
  devServer: {
    host: 'localhost'
  }
}

至

vue.config.js

:)

原文由 createdbyjurand 发布，翻译遵循 CC BY-SA 4.0 许可协议