报错关键词
This is probably not a problem with npm. There is likely additional logging output above.
npm WARN thread-loader@2.1.3 requires a peer of webpack@^2.0.0 || ^3.0.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
环境
开发工具:IDEA
Node.js: 14.18.2
npm: 6.14.15
vue版本:
vue : ^2.6.10 ,
vue-router : ~3.1.3 ,
vuex : ^3.0.1 ,
webpack版本: 5版本
过程
发现问题
今天拉了新项目 npm i安装成功之后 运行npm run dev报错,如下
'vue-cli-service' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! bys-web@4.5.2 dev: `vue-cli-service serve --open`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the bys@4.5.2 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\PC\AppData\Roaming\npm-cache\_logs\2023-06-19T12_00_23_770Z-debug.log
分析问题
刚刚的npm i安装后 报了一堆警告 意思都是webpack没有对应的版本 如下
npm WARN fork-ts-checker-webpack-plugin@6.5.3 requires a peer of typescript@>= 2.7 but none is installed. You must install peer dependencies yourself.
npm WARN ts-loader@8.4.0 requires a peer of typescript@* but none is installed. You must install peer dependencies yourself.
npm WARN webpack-filter-warnings-plugin@1.2.1 requires a peer of webpack@^2.0.0 || ^3.0.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN acorn-import-assertions@1.9.0 requires a peer of acorn@^8 but none is installed. You must install peer dependencies yourself.
npm WARN less-loader@5.0.0 requires a peer of webpack@^2.0.0 || ^3.0.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN eslint-loader@2.2.1 requires a peer of webpack@>=2.0.0 <5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @intervolga/optimize-cssnano-plugin@1.0.6 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN cache-loader@2.0.1 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN mini-css-extract-plugin@0.8.2 requires a peer of webpack@^4.4.0 but none is installed. You must install peer dependencies yourself.
npm WARN thread-loader@2.1.3 requires a peer of webpack@^2.0.0 || ^3.0.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
所以 需要安装这里面出现次数最多的版本的webpack 就是4.0.0
问题原因
很多包依赖 webpack4版本,通过命令下载的webpack是5版本,没法用
所以当前安装的webpack版本太高 需要手动降低版本
解决问题
解决方法
卸载当前webpack 再安装webpack4.0.0
命令:
npm uninstall webpack
npm install webpack@^4.0.0 --save-dev
成功运行!