npm run dev之后 可爱（e’xin）的warning，error们

1. 如下图：运行完npm audit fix后仍有许多的warn
   我们的目的就是去一个一个搞掉这些warn（不要去用那个npm audit fix-force运行后是强制更新，也会导致不兼容）
   

• 这里解释一下npm audit fix 的意义，看了许多的博客，我的理解就是它确实能修复一些warn，但修复的原理往往是给你下最高版本的插件，所以会导致fix完仍有warn，这是版本不兼容问题，（是这些插件与webpack版本不兼容的问题）
• 就比如上面的warn说道这个“[email protected]”需要4.0.0或5.0.0版本的webpack（我当时的版本是webpack3.0.0）
• 话不多说更新至webpack4.0.0
• npm install [email protected]

2. 更新完毕后，这玩意竟然又显示又有一些插件不兼容webpack4.0.0，需要更新至webpack3.0.0（没有截图大概是这个意思）我尼玛耍我呢！！！

• 那肯定不能再降级回3版本，所以我自作主张的把那些插件升级（你们不是等级低够不着4.0.0吗，行给你们升级，妥妥的）
• 但是有一个叫做html-webpack-plugin的插件，原来的那个好像就是最高级的（3+），但是也不能兼容，然后又在网上找了半天，找到一个
• npm install [email protected]
• 因为是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!
我看到了梦寐以求的画面：
真想打印出来用相框裱起来，放在我的床头！

---

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