运行yarn install出现Peer依赖警告,添加peerDependencies后警告仍存在的问题咨询
解决Yarn Install中的Peer依赖警告问题
首先得明确一个关键点:你在项目里添加的peerDependencies是用来声明你的包对其他依赖的版本要求,方便其他开发者安装你的包时校验版本用的,它并不能解决你自己项目中第三方依赖的peer警告问题。接下来逐个解决你的警告:
1. ESLint版本不匹配警告
你的devDependencies里装了eslint@7.32.0,但@vue/cli-plugin-eslint@4.5.13和它依赖的eslint-loader@2.2.1都要求eslint <7.0.0。有两种解决方案:
方案A:降级ESLint到6.x版本
执行以下命令替换当前ESLint版本(同时适配相关插件版本):
yarn add eslint@^6.8.0 eslint-plugin-vue@^6.2.2 --dev
方案B:升级Vue CLI到5.x版本
Vue CLI 5.x已经原生支持ESLint 7+,可以升级所有@vue/cli-*相关依赖:
yarn add @vue/cli-plugin-babel@~5.0.0 @vue/cli-plugin-eslint@~5.0.0 @vue/cli-plugin-unit-jest@~5.0.0 @vue/cli-service@~5.0.0 --dev
升级后建议同步检查vue-jest等工具的版本兼容性,比如升级到4.x适配新CLI。
2. vue-jest缺失babel-core的警告
vue-jest@3.0.7依赖的babel-core在Babel 7中已被@babel/core取代,你需要安装桥接包来兼容:
yarn add babel-core@7.0.0-bridge.0 --dev
或者直接升级vue-jest到适配Babel 7的4.x版本:
yarn add vue-jest@^4.0.0-beta.2 --dev
3. sass-loader缺失webpack的警告
sass-loader@10.2.0要求webpack^4.36.0 || ^5.0.0,而你当前用的@vue/cli-service@4.5.13内置了Webpack 4,不需要手动安装Webpack。如果不想升级CLI到5.x(切换Webpack5),可以降级sass-loader到适配Webpack4的稳定版本:
yarn add sass-loader@^9.0.3 --dev
最后一步:清理缓存重新安装
执行以下命令确保所有依赖版本正确应用:
yarn cache clean yarn install
这样就能消除所有的peer依赖警告了。
内容的提问来源于stack exchange,提问作者Robert Strauch
相关产品推荐
相关产品推荐

