请帮忙，当我尝试在我的 React 项目中安装材料 UI 时遇到问题

Question

npm ERR: C.\Users\sammy waweru\AppData\Local\npm-cache_logs\2021-11-19T09_14_33_601Z-debug:log PS C:\Users\sammy waweru\Desktop\challanges\linked-in clone> 8582980 安装/材料@情感/反应@情感/风格

最新，在 41 秒内审核了 2099 个包

163包正在找资金跑npm fund详情

27 个漏洞（16 个中等，9 个高，2 个严重）

要解决所有问题（包括重大更改），请运行：npm audit fix --force

运行npm audit了解详情。 PS C:\Users\sammy waweru\Desktop\challanges\linked-in clone> npm i -S material-ui npm ERR：代码 ERESOLVE npm ERR。 ERESOLVE 无法解析依赖关系树 npm ERR。 npm ERR：解析时。 点击我@0.1.0 npm 错误。 发现：react@17.0.2 npm ERR。 节点模块/反应 npm 错误。 来自根项目的 react@"^17.0.2" npm ERR，npm ERR，无法解析依赖关系。 npm 错误：peer react@"^15.4.0 || ^16.0.0" from material-ui@0.20.2 npm 错误！ node_modules/material-ui npm 错误！ material-ui@"*" 来自根项目 npm ERR！ npm 错误！ 修复上游依赖冲突，或者重试 npm ERR！ 此命令带有 --force 或 --legacy-peer-deps npm ERR！ 接受不正确（并且可能损坏）的依赖项解析。 npm 错误！ npm 错误！ 有关完整报告，请参阅 C:\Users\sammy waweru\AppData\Local\npm-cache\eresolve-report.txt。

npm ERR：此运行的完整日志可在以下位置找到：npm ERR。 C:\Users\sammy waweru\AppData\Local\npm-cache_logs\2021-11-19T09_16_16_671Z-debug.log PS C:\Users\sammy waweru\Desktop\challanges\linked-in clone>

Answer 1

在没有其他依赖项的情况下安装 @mui/material 并检查它是否有效

Answer 2

PS C:\Users\sammy waweru\Desktop\challanges\linked-in clone> npm install @material-ui/core added 20 packages, and audited 2119 packages in 4m 167 packages are looking for funding run `npm fund` for details 27 vulnerabilities (16 moderate, 9 high, 2 critical) To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details. PS C:\Users\sammy waweru\Desktop\challanges\linked-in clone> npm install @mui/material up to date, audited 2119 packages in 40s 167 packages are looking for funding run `npm fund` for details 27 vulnerabilities (16 moderate, 9 high, 2 critical) To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details.

Answer 3

无法编译。/src/HeaderOptions.js 未找到模块：无法解析 'C:\Users\sammy waweru\Desktop\challanges\linked-in clone\src' 中的 '@mui/icons-material/Home' 这个在构建期间发生错误，无法解除。

这就是我的浏览器的响应方式

Answer 4

您可能正在使用不支持材料 ui 的反应版本。 尝试：

npm 我 react@latest react-scripts@latest react-dom@latest

然后尝试重新安装材料ui