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模块模式分析
May 16 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
Nov 14 Javascript
js借助ActiveXObject实现创建文件
Sep 29 Javascript
微信小程序 animation API详解及实例代码
Oct 08 Javascript
微信小程序 开发工具快捷键整理
Oct 31 Javascript
javascript监听页面刷新和页面关闭事件方法详解
Jan 09 Javascript
JS拉起或下载app的实现代码
Feb 22 Javascript
jQuery常用选择器详解
Jul 17 jQuery
bootstrap table表格客户端分页实例
Aug 07 Javascript
vue项目如何刷新当前页面的方法
May 18 Javascript
JavaScript数组及常见操作方法小结
Nov 13 Javascript
js实现旋转木马轮播图效果
Jan 10 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
[原创]CI(CodeIgniter)简单统计访问人数实现方法
2016/01/19 PHP
PHP导出Excel实例讲解
2016/01/24 PHP
PHP实现用户登录的案例代码
2018/05/10 PHP
php实现数组中出现次数超过一半的数字的统计方法
2018/10/14 PHP
获取URL地址中的文件名和参数的javascript代码
2009/09/02 Javascript
DIV菜单层实现代码
2010/11/19 Javascript
JS中判断JSON数据是否存在某字段的方法
2014/03/07 Javascript
JavaScript利用正则表达式去除日期中的-
2014/06/09 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
JavaScript设计模式之外观模式介绍
2014/12/28 Javascript
jQuery选择id属性带有点符号元素的方法
2015/03/17 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
简单实现js间歇或无缝滚动效果
2016/06/29 Javascript
VUE元素的隐藏和显示(v-show指令)
2017/06/23 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
2017/07/18 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
2017/08/11 Javascript
解决vue axios的封装 请求状态的错误提示问题
2018/09/25 Javascript
vue+Element中table表格实现可编辑(select下拉框)
2020/05/21 Javascript
vue中提示$index is not defined错误的解决方式
2020/09/02 Javascript
nuxt引入组件和公共样式的操作
2020/11/05 Javascript
python根据路径导入模块的方法
2014/09/30 Python
Python实现将一个大文件按段落分隔为多个小文件的简单操作方法
2017/04/17 Python
彻底搞懂Python字符编码
2018/01/23 Python
对pandas中apply函数的用法详解
2018/04/10 Python
Python基于递归实现电话号码映射功能示例
2018/04/13 Python
如何使用Python标准库进行性能测试
2019/06/25 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
html5视频播放_动力节点Java学院整理
2017/07/13 HTML / CSS
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
数控加工专业毕业生自荐信
2013/09/27 职场文书
总经理秘书的岗位职责
2013/12/27 职场文书
学习心得体会
2014/01/01 职场文书
外出培训学习心得体会
2016/01/18 职场文书
2016年小学端午节活动总结
2016/04/01 职场文书
简单介绍Python的第三方库yaml
2021/06/18 Python