大家好,我是考100分的小小码 ,祝大家学习进步,加薪顺利呀。今天说一说webStrom写vue (webpack)热部署失效(亲测可用),希望您对编程的造诣更进一步.
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,添加如下
测试可行
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://daima100.com/webstorm-ji-huo/6682.html