Material ui 包拒绝安装

Ale*_*ale 1 javascript node.js npm reactjs

C:\Users\User\Desktop\client4> npm i @material-ui/icons

npm 错误!代码 ERESOLVE

npm 错误!ERESOLVE 无法解析依赖关系树

npm 错误!

npm 错误!解析时:client4@0.1.0

npm 错误!发现:react@18.2.0

npm 错误!节点模块/反应

npm 错误!来自根项目的react@“^18.2.0”

npm 错误!

npm 错误!无法解决依赖关系:

npm 错误!对等反应@“^ 16.8.0 || ^ 17.0.0”来自@material-ui/core@4.12.4

npm 错误!node_modules/@material-ui/core

npm 错误!来自 @material-ui/icons@4.11.3 的同行 @material-ui/core@"^4.0.0"

npm 错误!节点模块/@material-ui/图标

npm 错误!来自根项目的 @material-ui/icons@"*"

npm 错误!

npm 错误!修复上游依赖冲突,或重试

npm 错误!此命令与 --force 或 --legacy-peer-deps

npm 错误!接受不正确的(并且可能损坏的)依赖关系解析。

npm 错误!

npm 错误!有关完整报告,请参阅 C:\Users\User\AppData\Local\npm-cache\eresolve-report.txt。

npm 错误!此运行的完整日志可以在以下位置找到:

npm 错误!C:\Users\User\AppData\Local\npm-cache_logs\2022-06-21T23_42_51_581Z-debug-0.log

Alì*_*man 6

问题是您尝试将 Material UI v4 与 React 18 一起使用。尝试升级到 Material UI v5。

npm install @mui/material@latest @emotion/react@latest @emotion/styled@latest
npm install @mui/icons-material@latest
Run Code Online (Sandbox Code Playgroud)

更新

或者如果你想使用 v4(我不推荐):

npm install @mui/material @emotion/react @emotion/styled --legacy-peer-deps
npm install @mui/icons-material --legacy-peer-deps
Run Code Online (Sandbox Code Playgroud)