webStrom写vue (webpack)热部署失效(亲测可用)

#webStrom写vue (webpack)热部署失效(亲测可用)| 来源: 网络整理| 查看: 265

警告，这里废话比较多，只想看解决方法的直接拉到最下面

开始先简单说一下我的环境 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里面，是否有这个“webpack-dev-server"，如果有，请自行百度这个失效原因

没有安装 npm install --save-dev webpack-dev-server

更改vue.config.js，添加如下

module.exports = { devServer: { disableHostCheck: true,//webpack4.0 开启热更新 }, };

测试可行

【本文地址】

今日新闻