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 相关文章推荐
基于jQuery UI CSS Framework开发Widget的经验
Aug 21 Javascript
jquery、js操作checkbox全选反选
Mar 12 Javascript
JS中产生标识符方式的演变
Jun 12 Javascript
jQuery实现的仿百度分页足迹效果代码
Oct 30 Javascript
javascript中利用柯里化函数实现bind方法
Apr 29 Javascript
jQuery的deferred对象使用详解
Sep 25 Javascript
使用jQuery实现动态添加小广告
Jul 11 jQuery
微信小程序实现上传图片功能
May 28 Javascript
JavaScript实现封闭区域布尔运算的示例代码
Jun 25 Javascript
微信小程序分包加载代码实现方法详解
Sep 23 Javascript
通过Kettle自定义jar包供javascript使用
Jan 29 Javascript
JavaScript实现简易计算器小功能
Oct 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对csv文件的读取,写入,输出下载操作详解
2013/08/10 PHP
PHP中使用正则表达式提取中文实现笔记
2015/01/20 PHP
Thinkphp实现自动验证和自动完成
2015/12/19 PHP
laravel项目利用twemproxy部署redis集群的完整步骤
2018/05/11 PHP
php生成静态页面并实现预览功能
2019/06/27 PHP
兼容ie和firefox js关闭代码
2008/12/11 Javascript
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
javascript闭包的理解和实例
2010/08/12 Javascript
Javascript 面向对象编程(一) 封装
2011/08/28 Javascript
jQuery时间轴插件使用详解
2015/07/16 Javascript
详解javascript遍历方式
2015/11/11 Javascript
javascript中闭包(Closure)详解
2016/01/06 Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
2016/07/06 Javascript
基于javascript实现按圆形排列DIV元素(二)
2016/12/02 Javascript
ECMAScript6 新特性范例大全
2017/03/24 Javascript
JS实现动态给标签控件添加事件的方法示例
2017/05/13 Javascript
Vue项目中引入外部文件的方法(css、js、less)
2017/07/24 Javascript
vue-cli项目修改文件热重载失效的解决方法
2018/09/19 Javascript
axios使用拦截器统一处理所有的http请求的方法
2018/11/02 Javascript
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
python做量化投资系列之比特币初始配置
2018/01/23 Python
python中如何使用分步式进程计算详解
2019/03/22 Python
详解PyCharm安装MicroPython插件的教程
2019/06/24 Python
浅析python redis的连接及相关操作
2019/11/07 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
波兰家具和室内装饰品购物网站:Vivre
2018/04/10 全球购物
Servlet的生命周期
2013/08/25 面试题
优秀学生事迹材料
2014/02/08 职场文书
三分钟演讲稿事例
2014/03/03 职场文书
爱国主义演讲稿
2014/05/07 职场文书
务虚会发言材料
2014/12/25 职场文书
文明医院的标语集锦!
2019/07/24 职场文书
聊聊pytorch测试的时候为何要加上model.eval()
2021/05/23 Python
JavaScript中document.activeELement焦点元素介绍
2021/11/27 Javascript