时间:2021-05-26
遇到一个很奇怪的问题,就是之前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项目修改文件热重载失效的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文介绍了基于vue-cli的vuex配置,分享给大家,希望对大家有帮助首先成功运行vue-cli项目安装vuexcnpmivuex--save修改配置文件st
本文实例讲述了Vue-CLI与Vuex使用方法。分享给大家供大家参考,具体如下:1、通过Vue-CLI创建项目Vue-CLI是Vue用于创建Vue项目的脚手架工
在上篇文章给大家介绍了vue-cliwebpack模板项目搭建及打包时路径问题的解决方法,可以点击查看。vue-cli构建的项目中,生产模式下的打包路径、与生产
使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要修改的是build/webpack.base.conf.js,修改两处
前端框架vue,在利用脚手架工具vue-cli创建前端项目时候,怎么引入组件呢?下面是详细的写法。1、第一步,利用vue-cli创建一个vue前端项目,文件夹如