我正在使用 Material UI在我的项目中使用 React,我在导入 material 时遇到了一些麻烦图标。我的代码是从 Material UI 复制而来的(version:"material-ui": "^1.0.0-beta.41", “material-ui-icons”:“^1.0.0-beta.36”,) 文档,就像这样:
import SkipPreviousIcon from '@material-ui/icons/SkipPrevious';
import PlayArrowIcon from '@material-ui/icons/PlayArrow';
import SkipNextIcon from '@material-ui/icons/SkipNext';
我还运行了 npm install material-icons
。
我的 Chrome 控制台中的错误是:
./src/index/musicCard.js Module not found: Can't resolve '@material-ui/icons/PlayArrow' in 'C:\Users\wenji\Desktop\myblog\src\index'
我试过这个:
import SkipPreviousIcon from 'material-ui/icons/SkipPrevious';
还有这个:
import SkipPreviousIcon from '@material-ui-icons/SkipPrevious';
但这并没有什么区别。我该如何解决?
最佳答案
图标不是 material-ui/core 的一部分,因此必须使用两个命令进行安装。
如果您使用 npm :
npm install @material-ui/core
npm install @material-ui/icons
如果您使用 Yarn :
yarn add @material-ui/core
yarn add @material-ui/icons
关于javascript - 如何导入 Material UI 图标?我在使用 Material ui 图标时遇到了一些问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49769639/