vue.js - Vue cli 3 热重载突然在浏览器中不起作用

标签 vue.js webpack-dev-server vue-cli vue-cli-3

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

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

更新:

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

最佳答案

我的问题是 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

:)

关于vue.js - Vue cli 3 热重载突然在浏览器中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53589853/

相关文章:

javascript - 如何在不丢失样式的情况下打印vue组件的一部分

vue.js - 如何在 Vue-CLI 3 中将预取和预加载 Assets 插入到我的自定义 HTML 文件中?

javascript - 从父级传递数据以在组件上渲染,数据传递失败

vue.js - 从 props default (VueJS) 访问 this/vm 实例

Webpack:如何设置 webpack-dev-server 和 Hot Reload

docker - 如何在Docker容器中运行grails-vue配置文件?

webpack - 如何告诉 webpack 不要缩小和打包 js 文件

javascript - 切换到不同分支后 Webpack 停止工作然后切换回来

webpack - 如何根据生产或开发模式读取不同的 .env 文件?

webpack - vue-cli webpack 服务器自定义域