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

这样就成功了

相关文章
|
29天前
|
资源调度 前端开发 JavaScript
React 安装(NPM)
10月更文挑战第6天
58 1
|
6月前
|
前端开发 JavaScript
npm install --save 和 npm install --save-dev区别
npm install --save 和 npm install --save-dev区别
|
11月前
|
前端开发 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
|
12月前
|
前端开发
React踩坑-安装npm install fetch-jsonp报错
React踩坑-安装npm install fetch-jsonp报错
66 0
|
缓存 资源调度 JavaScript
【React工作记录八十九】npm,cnpm,yarn简单对比笔记
【React工作记录八十九】npm,cnpm,yarn简单对比笔记
74 0
|
前端开发
npm install 命令使用区别(-S,-D,-g,--save,--save-dev)
npm install 命令使用区别(-S,-D,-g,--save,--save-dev)
237 0
|
6月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
351 0
|
6月前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
72 0
|
6月前
|
前端开发
【第31期】一文学会用React Hooks组件编写组件
【第31期】一文学会用React Hooks组件编写组件
74 0
|
6月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
119 0

推荐镜像

更多
下一篇
无影云桌面