You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

无法从@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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.01 20:15:02