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


Posted in Javascript onSeptember 19, 2018

遇到一个很奇怪的问题,就是之前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项目修改文件热重载失效的解决方法

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

Javascript 相关文章推荐
从JavaScript 到 JQuery (1)学习小结
Feb 12 Javascript
javascript 写类方式之八
Jul 05 Javascript
extjs 学习笔记 四 带分页的grid
Oct 20 Javascript
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 Javascript
jQuery中使用each处理json数据
Apr 23 Javascript
详解JavaScript中shift()方法的使用
Jun 09 Javascript
js实现不提示直接关闭网页窗口
Mar 30 Javascript
xmlplus组件设计系列之列表(4)
Apr 26 Javascript
详解webpack模块加载器兼打包工具
Sep 11 Javascript
vue axios重复点击取消上一次请求封装的方法
Jun 19 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
JavaScript直接调用函数与call调用的区别实例分析
May 22 Javascript
解决vuecli3.0热更新失效的问题
Sep 19 #Javascript
记一次webapck4 配置文件无效的解决历程
Sep 19 #Javascript
解决vue热替换失效的根本原因
Sep 19 #Javascript
三种Webpack打包方式(小结)
Sep 19 #Javascript
Vue.js更改调试地址端口号的实例
Sep 19 #Javascript
vue添加axios,并且指定baseurl的方法
Sep 19 #Javascript
vue中的计算属性实例详解
Sep 19 #Javascript
You might like
php运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
ThinkPHP3.1新特性之内容解析输出详解
2014/06/19 PHP
PHP实现对站点内容外部链接的过滤方法
2014/09/10 PHP
php采集中国代理服务器网的方法
2015/06/16 PHP
PHP生成唯一订单号
2015/07/05 PHP
微信公众平台开发教程②微信端分享功能图文详解
2019/04/10 PHP
Jquery 选中表格一列并对表格排序实现原理
2012/12/15 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
2013/11/21 Javascript
jquery控制display属性为none或block
2014/03/31 Javascript
JavaScript排序算法之希尔排序的2个实例
2014/04/04 Javascript
js+canvas绘制矩形的方法
2016/01/28 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
2016/08/08 Javascript
原生javascript实现的ajax异步封装功能示例
2016/11/03 Javascript
js格式化时间的简单实例
2016/11/27 Javascript
vue展示dicom文件医疗系统的实现代码
2018/08/27 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
[00:10]DOTA2全国高校联赛 以DOTA2会友
2018/05/30 DOTA
[02:11]完美世界DOTA2联赛10月28日赛事精彩集锦:来吧展示实力强劲
2020/10/29 DOTA
python之Character string(实例讲解)
2017/09/25 Python
python 设置文件编码格式的实现方法
2017/12/21 Python
python实现单向链表详解
2018/02/08 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
django url到views参数传递的实例
2019/07/19 Python
基于Python的Jenkins的二次开发操作
2020/05/12 Python
网站性能延迟加载图像的五种技巧(小结)
2020/08/13 HTML / CSS
error和exception有什么区别
2012/10/02 面试题
一封普通求职者的求职信
2013/11/20 职场文书
幼儿园教师的自我评价范文
2014/09/17 职场文书
房屋买卖协议书范本
2014/09/27 职场文书
民间个人借款协议书
2014/09/30 职场文书
教师个人自我评价
2015/03/04 职场文书
杨善洲电影观后感
2015/06/04 职场文书
中学生打架检讨书之500字
2019/08/06 职场文书
《黑岩★★射手 DAWN FALL》BD发售宣传CM公开
2022/04/04 日漫