MUI 图标：找不到模块：无法解析“.../@mui/styled-engine”中的“@emotion/react”答案

【问题标题】：MUI Icon: Module not found: Can't resolve '@emotion/react' in '.../@mui/styled-engine'MUI 图标：找不到模块：无法解析“.../@mui/styled-engine”中的“@emotion/react”
【发布时间】：2021-12-07 04:55:13
【问题描述】：

我想在我的 ReactJs 项目中使用 MUI 图标，但是当我启动我的项目时，我遇到了错误。

使用 npm install @mui/icons-material 安装 MUI ... 导入我的图标：

import HomeIcon from '@mui/icons/material/Home';

我该如何解决这个错误？

错误文本：

Module not found: Can't resolve '@emotion/react' in '.../@mui/styled-engine'

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

按照安装指南here，您在 v5 中缺少这 2 个样式包。

来自@mui/icons-material包depends on的图标来自@mui/material的SvgIcon组件。该组件本身使用styled()，默认情况下它使用引擎盖下的情感，这意味着如果您使用MUI图标，您还需要安装下面的这两个包（除了安装@mui/material）：

npm install @emotion/react @emotion/styled

【讨论】：

【解决方案2】：

你好像输入错了。我正在使用以下软件包：

"@mui/icons-material": "^5.0.1",
"@mui/lab": "^5.0.0-alpha.48",
"@mui/material": "^5.0.1",

我已经导入了你想要的图标：

import HomeIcon from '@mui/icons-material/Home';

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。