Material UI实现遇报错,无法解析@mui/icons-material/Login该安装什么包
Failed to compile.
./src/Component/Form.js
Module not found: Can't resolve '@mui/icons-material/Login' in 'C:\Users
报错原因
- 代码中引用了
@mui/icons-material包下的Login图标,但项目未安装该图标依赖包,导致编译阶段无法找到对应模块。
解决方法
根据你使用的包管理器执行对应安装命令即可:
如果你使用npm
- 若已经安装了
@mui/material核心包以及配套样式依赖,可单独安装图标包:
npm install @mui/icons-material
- 若还未安装Material UI核心依赖,执行完整安装命令:
npm install @mui/icons-material @mui/material @emotion/react @emotion/styled
如果你使用yarn
- 单独安装图标包:
yarn add @mui/icons-material
- 完整安装核心+图标依赖:
yarn add @mui/icons-material @mui/material @emotion/react @emotion/styled
注意事项
- 上述包名适配Material UI v5及以上版本,如果你使用的是v4旧版本,需安装对应图标包:
npm install @material-ui/icons
验证
依赖安装完成后重启项目,该编译报错会自动消除。
内容的提问来源于stack exchange,提问作者Faizan Ansari
相关产品推荐
相关产品推荐

