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

material-ui@next无法导入SVG图标,升级v1.0.0-beta.26遇模块未找到问题

解决Material UI v1.0.0-beta.26中图标导入模块未找到的问题

嘿,我之前升级Material UI到这个beta版本的时候也踩过这个坑!这个问题的核心原因是,在Material UI v1的beta阶段,图标组件并不是包含在核心的material-ui包里的,而是作为一个独立的npm包发布的。

你可以按照下面的步骤来解决:

  • 第一步:确认安装了对应版本的图标包
    如果你还没装material-ui-icons,赶紧执行下面的安装命令,注意要和你的Material UI核心版本保持完全一致(也就是1.0.0-beta.26):

    # npm用户
    npm install material-ui-icons@1.0.0-beta.26 --save
    
    # yarn用户
    yarn add material-ui-icons@1.0.0-beta.26
    
  • 第二步:排查导入与缓存问题
    你现在的导入写法import AccountCircle from 'material-ui-icons/AccountCircle';是完全正确的。如果安装后还是报错,可以试试:

    1. 删除项目根目录下的node_modules文件夹和锁文件(package-lock.json或yarn.lock)
    2. 重新执行npm install或yarn install
    3. 重启你的开发服务器,有时候脚手架的缓存会导致模块识别异常
  • 第三步:检查依赖清单
    打开你的package.json文件,确认dependencies里已经有material-ui-icons,并且版本号和material-ui的版本完全匹配,避免版本不兼容的问题。

内容的提问来源于stack exchange,提问作者Hemadri Dasari

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.15 06:40:21