React npm i @ant-design/ --save无法导入问题

简介: React npm i @ant-design/ --save无法导入问题

当你在安装图标依赖时,比如:npm i @ant-design/ --save 执行这一步会报下面的错。

npm ERR! code ERESOLVE

npm ERR! ERESOLVE unable to resolve dependency tree

npm ERR!

npm ERR! While resolving: ant-design-pro@4.5.0

npm ERR! Found: react@16.14.0

npm ERR! node_modules/react

npm ERR! react@"^16.14.0" from the root project

npm ERR! peer react@">=16.9.0" from @ant-design/pro-descriptions@1.7.5

npm ERR! node_modules/@ant-design/pro-descriptions

npm ERR! @ant-design/pro-descriptions@"^1.2.0" from the root project

npm ERR! 1 more (antd)

npm ERR!

npm ERR! Could not resolve dependency:

npm ERR! peer react@“17.0.2” from react-dom@17.0.2

npm ERR! node_modules/react-dom

npm ERR! react-dom@"^17.0.0" from the root project

npm ERR! peer react-dom@">=16.9.0" from antd@4.15.3

npm ERR! node_modules/antd

npm ERR! antd@"^4.15.0" from the root project

npm ERR! 1 more (@ant-design/pro-descriptions)

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 /Users/darry/.npm/eresolve-report.txt for a full report.

解决方法:

yarn add @ant-design/。。。。

但是,若非要用npm解决的话

导入这个 npm install @ant-design/charts 同样报错

其实是react版本为17时会报错 ,可以采用

npm install @ant-design/charts --legacy-peer-deps

这样就成功了

相关文章
|
3月前
|
资源调度 前端开发 JavaScript
React 安装(NPM)
10月更文挑战第6天
91 1
|
8月前
|
前端开发 JavaScript
npm install --save 和 npm install --save-dev区别
npm install --save 和 npm install --save-dev区别
103 0
|
前端开发 JavaScript
Vue中引入swiper插件报错:To install it, you can run: npm install --save swiper/css/swiper.css
Vue中引入swiper插件报错:To install it, you can run: npm install --save swiper/css/swiper.css
|
前端开发
React踩坑-安装npm install fetch-jsonp报错
React踩坑-安装npm install fetch-jsonp报错
78 0
|
缓存 资源调度 JavaScript
【React工作记录八十九】npm,cnpm,yarn简单对比笔记
【React工作记录八十九】npm,cnpm,yarn简单对比笔记
80 0
|
前端开发
npm install 命令使用区别(-S,-D,-g,--save,--save-dev)
npm install 命令使用区别(-S,-D,-g,--save,--save-dev)
274 0
|
20天前
|
JavaScript
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
|
17天前
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
|
11天前
|
存储 资源调度 JavaScript
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具。npm 是官方默认的包管理器,提供依赖管理、安装和更新等功能;cnpm 是由阿里巴巴开发的 npm 镜像,专为中国大陆用户优化,解决下载速度慢的问题;pnpm 通过硬链接技术提高安装速度并节省磁盘空间,特别适合磁盘资源紧张的环境。三者命令类似,但各有特色,开发者可根据需求选择合适的工具。
60 5
|
3月前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
122 0

推荐镜像

更多