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

遇到一个很奇怪的问题，就是之前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”选项就可以实时更新了

以上这篇vue-cli项目修改文件热重载失效的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。