vue-cli项目修改文件热重载失效的解决方法

作者: 花銭约芐
来源: 51数据库
2021-09-21

遇到一个很奇怪的问题，就是之前vue-cli创建的项目，在起初修改文件可以热重载，但是后面突然间就无法无刷新浏览器更新了，一只以为是热重载出问题了，折腾了半天也没纠结出什么结论，最后百度了一下，原来是编译器webstrom的锅。

问题原因

在webstrom系统设置中有一项配置，是 use “safe write”(save changes to a temporary file first) 。webstrom是自动保存的，如果勾选use “safe write”，编辑的文件首先会保存到临时文件中，如果保存操作成功，则保存的文件将替换为已保存的文件。（技术上，原始文件被删除，临时文件被重命名）。

解决方案

在使用webstrom的时候编辑完文件再保存一下，如果还是不能热重载，那么直接修改webstrom配置吧。

setting > appearance & behavior > system settings > synchronization 取消掉 use “safe write”选项就可以实时更新了