出现的问题:

当在 终端 中用 npm 安装 Vant 组件库时,发生 npm ERR! code ERESOLVE;
npm ERR! ERESOLVE could not resolve;
报错时,例如:

PS C:\Users\86136\Desktop\前端基础资料\Vue2\exam\demo-toutiao1> npm i vant@latest-v2
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @vue/eslint-config-standard@6.1.0
npm ERR! Found: eslint-plugin-vue@8.7.1
npm ERR! node_modules/eslint-plugin-vue
npm ERR!   dev eslint-plugin-vue@"^8.0.3" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0
npm ERR! node_modules/@vue/eslint-config-standard
npm ERR!   dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: eslint-plugin-vue@7.20.0
npm ERR!   peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0
npm ERR!   node_modules/@vue/eslint-config-standard
npm ERR!     dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\86136\AppData\Local\npm-cache\eresolve-report.txt for a full report.npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\86136\AppData\Local\npm-cache\_logs\2022-05-09T07_04_42_603Z-debug-0.log

报错如下图:

报错的原因可能是 :npm 版本问题,npm 的不同版本对不同的组件库等命令不兼容,对命令的要求更严格;这里可选择下载最新的 npm 解决问题,或者采用如下的解决方案;

解决方案:

解决方案一:

通常,最简单的解决方法是将 --legacy-peer-deps 标志传递给 npm,解决指令例如:

npm i vant@latest-v2 -S --legacy-peer-deps

PS C:\Users\86136\Desktop\前端基础资料\Vue2\exam\demo-toutiao1> npm i vant@latest-v2 -S --legacy-peer-depsup to date in 3s

如果这不能立即起作用,也许可以先删除node_modulespackage-lock.json。它们将被重新创建。

解决方案二:

在指令末尾加上 -force ,例如:

npm i vant@latest-v2 -S -force

PS C:\Users\86136\Desktop\前端基础资料\Vue2\exam\demo-toutiao1> npm i vant@latest-v2 -S -force
npm WARN using --force Recommended protections disabled.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @vue/eslint-config-standard@6.1.0
npm WARN Found: eslint-plugin-vue@8.7.1
npm WARN node_modules/eslint-plugin-vue
npm WARN   dev eslint-plugin-vue@"^8.0.3" from the root project
npm WARN
npm WARN peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0
npm WARN node_modules/@vue/eslint-config-standard
npm WARN   dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: eslint-plugin-vue@7.20.0
npm WARN node_modules/eslint-plugin-vue
npm WARN   peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0
npm WARN   node_modules/@vue/eslint-config-standard
npm WARN     dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm WARN deprecated @babel/traverse@7.17.10: [WARNING] Use 7.17.9 instead of 7.17.10, reason: https://github.com/babel/babel/issues/14525added 5 packages, and changed 1 package in 7s

这样就成功安装上Vant组件啦,两种解决方案都可以解决,建议使用第一种,第一种不能解决问题,再使用第二种解决方案~~~

如果有问题,欢迎大家评论区讨论,文章对你有用,给正在学习前端的小陈点个赞吧~~~

当在 终端 中用 npm 安装 Vant 组件库时,发生“npm ERR code ERESOLVE ;npm ERRERESOLVE could not resolve;”报错时,该怎么办?相关推荐

  1. pm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: undefi

    文章目录 报错内容 解决方法 报错内容 npm i element-ui -S npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve n ...

  2. npm install报错 npm ERR,code ERESOLVE npm ERR,ERESOLVE unable to resolve dependency tree

    文章目录 前言 问题分析 解决方法 转载于 前言 在下载npm时报错npm ERR! code ERESOLVE npm ERR! ERESOLEVE unable to resolve depend ...

  3. npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree

    问题 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Foun ...

  4. 微信小程序 五 npm 包 、安装 vant组件、promise组件、全局数据共享、 分包!!!、自定义 tabBar 案例

    总结 能够知道如何安装和配置 vant-weapp 组件库 参考 Vant 的官方文档 能够知道如何使用 MobX 实现全局数据共享 安装包.创建 Store.参考官方文档进行使用 能够知道如何对小程 ...

  5. 微信小程序(五)--- Vant组件库,API Promise化,MboX全局数据共享,分包相关

    目录 一.npm包 1.Vant Weapp (1)安装Vant组件库 (2)使用Vant组件 (3)定制全局主题样式 2.API Promise化 (1)基于回调函数的异步API的缺点 (2)API ...

  6. 用一用Vant组件库

    目录 一.Vant是什么? 二.小案例 2.1 准备工作 2.2 功能实现 三.总结 本篇文章主要讲述如何在Vue2中使用Vant2组件库,面向会Vue基础初次使用Vant组件库的对象,大概阅读时间5 ...

  7. 修改Vant组件库NavBar 导航栏的样式

    最近在做一个关于vue的小项目,在做的过程中用到了Vant组件库,需要去改一下导航栏上的一些样式,官网上写的有点复杂.其实用深度选择器就能实现修改. <van-nav-bartitle=&quo ...

  8. npm 报错: npm ERR! code ERESOLVE , npm ERR! code E404

    npm 报错: PS D:\Software\HBuilderX\Workspace\vant\vant-demo\vant\vue2> npm install npm ERR! code ER ...

  9. 在使用npm install时遇到的问题 npm ERR! code ERESOLVE

    在使用npm install时遇到的问题 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ...

最新文章

  1. ERPLAB中文教程:ERPLAB安装与添加通道
  2. pagex,screenx,clientx的差别
  3. Python 分析Nginx 日志并存入MySQL数据库(单线程)
  4. naivcat 破解安装教程(永久)
  5. C语言入门经典(第5版)
  6. myBatis + SpringMVC上传、下载文件
  7. 6-汇编语言中段的使用+dw+start标号
  8. ios 基础知识点总结
  9. Oracle 日历表详解(含节假日)
  10. 计算机存储成本,仓储成本
  11. 元语言基础技术之:在JS中如何自由地创建函数
  12. 如何吸引全球级「AI大咖」,BAT等大佬怎么说?
  13. js 批量坐标转换经纬度_如何批量转换为百度经纬度
  14. 程序员业务,微信全文搜索技术优化
  15. 将数字划分为素数的乘积
  16. VTL(Velocity Templates Language,即Velocity模板语言)初识语法总结
  17. protege 5.0 教程
  18. 我和八阿哥的哪些事1
  19. Android 屏幕适配总结
  20. 阿里云域名备案与实名认证注意问题

热门文章

  1. C#数字转人民币大写
  2. MSP430F149学习随笔(三)
  3. 自然对数e的推导过程
  4. SONY PS SDK
  5. 计算机专业可以技术移民吗,2020年澳洲计算机科学专业可以移民吗
  6. 辗转相减法求最大公约数
  7. win7中能对窗口的排列方法是_Windows7中多个窗口的排列方式有( )_学小易找答案...
  8. 自适应滤波算法(LMS算法)
  9. 算法的上帝——Donald E.Knuth(转)
  10. CSS学习13之圆角边框及阴影