javascript - 如何导入 Material UI 图标？我在使用 Material ui 图标时遇到了一些问题

Question

我正在使用 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';

但这并没有什么区别。我该如何解决？

Answer 1

图标不是 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