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,添加如下

测试可行