如何修復 React 中的“@material-ui/core”錯誤？

Question

React 錯誤：找不到模塊：錯誤：無法解析 'C:\Users\user\Downloads\inTech'22-Web Development (EDUGEN)\edu-gen\src\components' 中的 '@material-ui/core'

命令： npm 安裝@material-ui/core, @material-ui/icons

Powershell 響應： npm WARN config global --global , --local已棄用。 使用--location=global代替。 npm ERR：ERESOLVE 無法解析依賴樹 npm ERR。 npm 錯誤。 解析時：edu-gen@0.1.0 npm ERR。 成立。 反應@18:1.0 npm 錯誤。 react@"^18.1.0" 來自根項目 npm ERR。 npm 錯誤。 無法解析依賴項：npm 錯誤！ peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4 npm 錯誤！
@material-ui/core@"*" from the root project npm ERR, npm ERR, Fix the upstream dependency conflict: or retry npm ERR. 此命令帶有 --force。 或 --legacy-peer-deps npm 錯誤！ npm 錯誤！ 有關完整報告，請參閱 C:\Users\user\AppData\Local\npm-cache\eresolve-report.txt。

npm ERR：此運行的完整日志可在以下位置找到：npm ERR！
C:\Users\user\AppData\Local\npm-cache_logs\2022-06-12T13_20_25_675Z-debug-0.log

那么，如何安裝素材 UI package？

Answer 1

• Material UI 已經改變了你安裝 package 的方式，所以，嘗試通過命令安裝它 - npm install @mui/material @emotion/react @emotion/styled。
• 要安裝 MUI 圖標，請使用命令 - npm install @mui/icons-material