npm run dev之后 可爱(e’xin)的warning,error们

  1. 如下图:运行完npm audit fix后仍有许多的warn
    我们的目的就是去一个一个搞掉这些warn(不要去用那个npm audit fix-force运行后是强制更新,也会导致不兼容)
    运行完npm audit fix后仍有许多的warn
  • 这里解释一下npm audit fix 的意义,看了许多的博客,我的理解就是它确实能修复一些warn,但修复的原理往往是给你下最高版本的插件,所以会导致fix完仍有warn,这是版本不兼容问题,(是这些插件与webpack版本不兼容的问题)
  • 就比如上面的warn说道这个“copy-webpack-plugin@5.1.1”需要4.0.0或5.0.0版本的webpack(我当时的版本是webpack3.0.0)
  • 话不多说更新至webpack4.0.0
  • npm install webpack@4.0.0
  1. 更新完毕后,这玩意竟然又显示又有一些插件不兼容webpack4.0.0,需要更新至webpack3.0.0(没有截图大概是这个意思)我尼玛耍我呢!!!
  • 那肯定不能再降级回3版本,所以我自作主张的把那些插件升级(你们不是等级低够不着4.0.0吗,行给你们升级,妥妥的)
  • 但是有一个叫做html-webpack-plugin的插件,原来的那个好像就是最高级的(3+),但是也不能兼容,然后又在网上找了半天,找到一个
  • npm install html-webpack-plugin@4.0.0-beta.1
  • 因为是4+就碰运气装上了,结果竟然可以,那个插件的warn消失了,可喜可贺

3.后来看着还有两个解决不了的就干脆卸载了
语句如下
npm remove + 插件名称 + @ + 版本号

4.然后直接就npm run dev(想着有奇迹出现)
没错在我预料之内,又出了error,因为我刚才卸载了两个插件不完整了,然后又老老实实的去各种搜他的比较高的版本,(之前的插件升级都是蒙的:比如老版本是3.5.0用不了,我就碰巧似的打上一个4.0.0,有的可以用有的会提示没有这种版本号,这时候只能老老实实找版本号了)

5.最后好不容易弄得没有warn后
再次npm run dev
出来个:
Module build failed: TypeError: Cannot read property 'vue' of undefined

解决方法(安装一个loader就好了,原来是项目中的vue-loader插件破坏了。,感谢github的大佬,
看着这个赞数就知道是正确答案):
在这里插入图片描述

6.好了一波未平一波又起,再次run后又出现一个error(jojo我不做人了)
在这里插入图片描述
解决方法如下:
npm install copy-webpack-plugin@^5.0.4

7.finally!
我看到了梦寐以求的画面:
在这里插入图片描述真想打印出来用相框裱起来,放在我的床头!


一些废话:
实不相瞒,就光修复这些玩意搞了一天的时间
那种在量子之海探索的黯淡无光,与前路渺茫,在种种博客之间徘徊彷徨,搜寻蛛丝马迹,像推理小说一样收集碎片证据,再将他们联合起来,顺藤摸瓜。过程很恶心,但是整完确实很爽,这也是一个合格的程序员的必经之路吧!毕竟未来会有更加麻烦的问题在等着咱家。
由此看来,学会在网上搜集信息是多么重要,百度就在那里,你搜索的关键字,会检索出一大堆不是你想要的东西,这再正常不过了。因为你不晓得博主们是以怎样的标题去描述他们的问题的,或者可以换个思路搜索,但请记住不要放弃…因为这是必经之路。
这次虽然是整出来最后结果了,但感觉像是生搬硬套的,凭运气碰巧而已,并不是真正弄懂了其中的原因,今后还需继续探寻。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值