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 对象中的类数组操作
Apr 27 Javascript
js中获取事件对象的方法小结
Mar 13 Javascript
5个最佳的Javascript日期处理类库分享
Apr 15 Javascript
图片img的src不变让浏览器重新加载实现方法
Mar 29 Javascript
如何使用jquery动态加载js,css文件实现代码
Apr 03 Javascript
页面加载完后自动执行一个方法的js代码
Sep 06 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 Javascript
bootstrap fileinput完整实例分享
Nov 08 Javascript
JavaScript实现重力下落与弹性效果的方法分析
Dec 20 Javascript
vue路由对不同界面进行传参及跳转的总结
Apr 20 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
Dec 24 Javascript
js实现点赞按钮功能的实例代码
Mar 06 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
帅气的琦玉老师
2020/03/02 日漫
JS实现php的伪分页
2008/05/25 PHP
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
jQuery 对Select的操作备忘记录
2011/07/04 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
如何用JavaScript动态呼叫函数(两种方式)
2013/05/03 Javascript
jquery 追加tr和删除tr示例代码
2013/09/12 Javascript
jquery.form.js用法之清空form的方法
2014/03/07 Javascript
JavaScript去除数组里重复值的方法
2015/07/13 Javascript
javascript DIV实现跟随鼠标移动
2020/03/19 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
AngularJs directive详解及示例代码
2016/09/01 Javascript
JavaScript制作颜色反转小游戏
2016/09/25 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
Nodejs之TCP服务端与客户端聊天程序详解
2017/07/07 NodeJs
ES6中Array.find()和findIndex()函数的用法详解
2017/09/16 Javascript
vue2.0实现前端星星评分功能组件实例代码
2018/02/12 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
2018/11/02 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
vue router 组件的高级应用实例代码
2019/04/08 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
2019/06/10 Javascript
[02:56]DOTA2英雄基础教程 巨魔战将
2013/12/10 DOTA
Python判断字符串与大小写转换
2015/06/08 Python
Python的re模块正则表达式操作
2016/05/25 Python
利用pandas将非数值数据转换成数值的方式
2019/12/18 Python
pytorch的梯度计算以及backward方法详解
2020/01/10 Python
Python爬虫抓取指定网页图片代码实例
2020/07/24 Python
python中selenium库的基本使用详解
2020/07/31 Python
python与js主要区别点总结
2020/09/13 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
css3针对移动端卡顿问题的解决(动画性能优化)
2020/02/14 HTML / CSS
Html5新特性用canvas标签画多条直线附效果截图
2014/06/30 HTML / CSS
爱情检讨书大全
2014/01/21 职场文书
初中生300字旷课检讨书
2014/11/19 职场文书