未找到模块：无法解析“@mui/material/utils”：（v5，其中包括名称更改。）

Question

当我尝试从 material-ui 导入一些图标时，我可以看到这个错误。 我按照建议安装了一些模块，但仍未修复。

package.json

    "@material-ui/core": "^4.12.3",
    "@mui/icons-material": "^5.0.1",
    "@mui/lab": "^5.0.0-alpha.49",

我尝试使用以下命令安装 /utils，

$ npm install @mui/material/utils

错误：

npm ERR! code ENOLOCAL
npm ERR! Could not install from "@mui\material\utils" as it does not 
contain a package.json file.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Han\AppData\Roaming\npm-cache\_logs\2021-10-03T21_47_03_649Z-debug.log

有什么我错过的吗？

**经过一些研究，我删除了“@material-ui/core”并安装了“@mui/core”。 我认为出现此错误是因为名称从材料更改为 mui？

    "@mui/core": "^5.0.0-alpha.49",
    "@mui/icons-material": "^5.0.1",
    "@mui/lab": "^5.0.0-alpha.49",
    "@mui/utils": "^5.0.1",

谢谢。

Answer 1

试试这个命令npm install @mui/material @emotion/react @emotion/styled

Answer 2

解释

在安装MUI 组件库之前安装MUI 图标包时会出现此错误。 MUI 图标包需要@mui/material @emotion/react @emotion/styled包才能正常工作。

解决方案

运行以下行之一

// with npm
npm install @mui/material @emotion/react @emotion/styled

// or if you prefer yarn
yarn add @mui/material @emotion/react @emotion/styled

Answer 3

尝试安装主包。

 npm i @mui/material

这肯定会解决你的问题

Answer 4

第1步：npm install @mui/material @emotion/react @emotion/styled

步骤 2 在您的项目中导入此文件： import TextField from '@mui/material/TextField';

这肯定会解决你的错误

节点——版本：v16.17.0 npm——版本：8.15.0