webstorm运行vue项目,vue文件中的代码更新,webstorm自动编译后,浏览器没有自动刷新

如题,本地开发环境用的是webstorm ide来开发vue项目,本地有两个项目,一个项目修改vue文件保存后,浏览器自动刷新更新内容,而另外一个项目,文件保存后,浏览器不会自动刷新,需要手动F5刷新页面。

试了很多种办法:

1、webstorm中的settings的safe write选项

webstorm运行vue项目,vue文件中的代码更新,webstorm自动编译后,浏览器没有自动刷新_第1张图片

2、webstorm中的live edit配置+浏览器的JetBrains_IDE_Support插件

webstorm运行vue项目,vue文件中的代码更新,webstorm自动编译后,浏览器没有自动刷新_第2张图片

3、chrome中disable cache配置

以上方法通通无效,而且一阵捣鼓后,我项目跑不起来了,然后就把node_modules删掉,重新npm install后,神奇的发现,项目能跑了,而且浏览器能自动刷新了。。。

你可能感兴趣的:(vue.js,webstorm,前端)