logo标签列表

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

vue.jswebpack-dev-servervue-clivue-cli-3
63

我的Vue项目是由Vue cli 3生成的，但是我的浏览器突然停止了热重载。代码更改仍然被终端捕获，但是我的浏览器没有捕获到更改。我必须手动刷新才能获取新更改。建议我在vue.config.js中手动设置poll: true，并尝试设置代理，但两者都没有成功。

有什么建议可以让这个功能再次工作吗？

更新：

经过一些Vue更新，它突然又开始工作了。我仍然不知道原因。可能是vue-cli中的错误吗？

你的浏览器中 socket 运行正常吗？请检查网络检查器，是否有错误？ - Ohgodwhy
套接字正在工作。调用/sockjs-node/info?t=1543826222341返回200 OK。 - Gilian
如果您检查套接字，是否会看到来自套接字服务器的调用返回，并带有关于代码替换的一些信息？ - Ohgodwhy
我只在以下请求中看到一次套接字调用：{"websocket":true,"origins":["*:*"],"cookie_needed":false,"entropy":2916256970}。因此，对我的代码所做的更改不会产生新的套接字调用。 - Gilian
我有同样的问题。使用 quasar vue-3。一切都很好，但突然间 Chrome 的实时更新停止工作了，每次更改组件后都需要刷新。尝试了所有建议的解决方案，但都没有对我起作用...还升级了 quasar 的版本。还有其他建议吗？ - Adi Gonnen
16个回答
0
0

我在Firefox浏览器中使用了代理扩展。如果您也有这样的扩展，请尝试将其关闭。

这篇来自@createdbyjurand的回答应该可以让您保持代理连接并使热重载正常工作。 - camslice
0
请确保您的代码没有任何错误。 这通常是由于我们的任何代码文件中的错误引起的。
0

对于我来说，Chrome浏览器中的更多工具 >> 清除浏览数据解决了问题。也可以试试隐身模式。

在Firefox浏览器中一切正常。

因此，在编辑vue.config.js之前，请检查浏览器。

-1
我通过更改依赖项和开发依赖项的版本来解决这个问题：
"dependencies": {
   "core-js": "^3.4.4",
   "vue": "^2.6.10",
 },
 "devDependencies": {
   "@vue/cli-plugin-babel": "~4.1.0",
   "@vue/cli-plugin-eslint": "~4.1.0",
   "@vue/cli-service": "~4.1.0",
   "babel-eslint": "^10.0.3",
   "eslint": "^5.16.0",
   "eslint-plugin-vue": "^5.0.0",
   "vue-template-compiler": "^2.6.10"
 },
重点在于这一行代码："@vue/cli-service": "~4.1.0"。但最近我意识到，使用命令：npm install -g @vue/cli-init，可以解决问题，而无需手动更改package.json文件。 - Michał Skwara
-1

只需运行

npm install -g @vue/cli-init
3
请在您的回答中添加一些解释，以便其他人可以从中学习。 - Nico Haase
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接