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';是完全正确的。如果安装后还是报错,可以试试:- 删除项目根目录下的
node_modules文件夹和锁文件(package-lock.json或yarn.lock) - 重新执行
npm install或yarn install - 重启你的开发服务器,有时候脚手架的缓存会导致模块识别异常
- 删除项目根目录下的
第三步:检查依赖清单
打开你的package.json文件,确认dependencies里已经有material-ui-icons,并且版本号和material-ui的版本完全匹配,避免版本不兼容的问题。
内容的提问来源于stack exchange,提问作者Hemadri Dasari
相关产品推荐
相关产品推荐

