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

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

这里解释一下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

更新完毕后，这玩意竟然又显示又有一些插件不兼容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!
我看到了梦寐以求的画面：
真想打印出来用相框裱起来，放在我的床头！

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

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

npm run dev的时候出现报错：Error: error:0308010C:digital envelope routines::unsupported以及‘export’ 不是内部或外部命令
1.今天在运行webpack打包工具的时候,出现了以下错误: node:internal/crypto/hash:67this[kHandle] = new _Hash(algorithm, xofL ...
npm run dev 报错：missing script:dev
错误描述运行 npm run dev 报错 missing script:dev 原因查看package.json发现script中并没有dev而是serve.. 所以运行 npm run ser ...
设置vue运行npm run dev时候，项目在浏览器自动打开页面的方法
在config/index.js找到dev:{}里面的autoOpenBrowser: 设置为true,重新npm run dev一次就自动弹出浏览器页面啦!
vue 项目初始化时，npm run dev报错解决方法
vue 项目初始化时,npm run dev报错解决方法参考文章: (1)vue 项目初始化时,npm run dev报错解决方法 (2)https://www.cnblogs.com/ruilin ...
vue-cli 官方模板webpack-simple的npm run dev 与npm run bulid的一些问题
npm run dev命令后并不会在dist目录下生成build.js文件,开发环境下build.js是在运行内存中的. 在package.json的scripts属性的dev后面加上--port 8 ...
npm run dev 出现npm ERR！missing scrip：dev
记得自己刚开始学vue的时候,经常会遇到各种问题,现在回想起来,这些都是掌握一门技术的必经之路.最近又遇到一个简单的问题:执行npm run dev的时候出现如下报错: 熟悉Vue的人应该能初步判断出 ...
npm run dev 和 npx webpack-dev-server
其实这两个命令是一样的,npm run dev找的是目录下的webpack.dev.conf.js文件而npx webpack-dev-server找的是目录下的webpack.conf.js,而如 ...
npm run mock | npm run dev只能启动一个
解决方法: 开两个命令窗口先运行npm run mock 再运行npm run dev 转载于:https://www.cnblogs.com/linsx/p/8548985.html
vue项目工程中npm run dev 到底做了什么
npm install 安装了webpack框架中package.json中所需要的依赖 2.安装完成之后,需要启动整个项目运行,npm run 其实执行了package.json中的script脚本 ...
npm run dev 在本地调试出现跨域问题解决方法
npm run dev 在本地调试出现跨域问题在localhost:8080调试时会出现跨域问题,如图: 我的项目是用webpack作为前端自动化构建工具,可以在webpack-dev-server ...

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

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

最新文章

热门文章

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

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

最新文章

热门文章

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

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