webStrom写vue (webpack)热部署失效(亲测可用)
警告,这里废话比较多,只想看解决方法的直接拉到最下面
开始先简单说一下我的环境
vue:2.x
vue-cli:3.x
IDE:webstorm 2021.1
阶段一:
一开始,vue是可以热更新的。突然就不行了,每次都要手刷新,怎么忍得了?
开始百度,关键词:
webstorm vue 热更新失效 chrome
结果,出来的全是这个
一大堆搬运博客的,一点质量都没有。。。
看看你们遇到的是不是这个的问题
然而,2021版本的webstorm没有Synchornization设置。无解
然后老子换了个版本,2020版本的,还是不行。奶奶个退,浪费老子时间。。。
阶段二:
既然webStorm是先把代码写入到临时的文件里面的,我现在关了,看看行不行。
写完代码之后,手动报存,再打开文件看,确实是写进去了。
webStorm的问题排除,只能是vue的问题了
继续百度,关键词:
vue 热更新失效
找了好几条,也不行,但是有个老哥的评论说是webpack-cli的问题
继续百度,关键词:
vue webpack 热更新失效
有个博客是说webpack-cli(版本4)更新失效,(找不到那篇博客了)
看一下我的package.json,没有这个玩意啊!初步确认这个问题,解决如下
我的解决方法
查看你的package.json里面,是否有这个,如果有,请自行百度这个失效原因
没有安装
更改vue.config.js,添加如下
测试可行