无法从@mui/icons-material导入图标,提示找不到@mui/material/utils模块
报错原因
该报错核心是@mui/icons-material与@mui/material的安装版本不匹配,即使你已经安装了@mui/material,两个包版本不一致时会出现内部依赖路径找不到的问题。
解决步骤
- 第一步:先核对两个包的版本是否一致
执行命令查看当前安装版本:
若两个包的版本号不同,继续执行后续步骤。# npm 环境 npm list @mui/material @mui/icons-material # yarn 环境 yarn list @mui/material @mui/icons-material - 第二步:统一升级两个包到相同的最新正式版
执行命令安装匹配版本:# npm 环境 npm install @mui/material@latest @mui/icons-material@latest @emotion/react @emotion/styled # yarn 环境 yarn add @mui/material@latest @mui/icons-material@latest @emotion/react @emotion/styled - 第三步:清理缓存重启项目
删除项目根目录下的node_modules文件夹,以及package-lock.json(npm环境)或yarn.lock(yarn环境)文件,重新执行npm install或yarn install,完成后重启项目即可。
异常排查
如果以上操作后仍报错,检查两个配置项:
- 确认你项目的webpack/vite等构建工具配置中,没有给
@mui/material设置错误的路径别名,导致依赖寻址错误 - 确认你没有全局安装过旧版本的MUI相关包,和本地项目依赖产生冲突
内容的提问来源于stack exchange,提问作者Mallikarjun M G
相关产品推荐
相关产品推荐

