Question

我在项目中使用了材质用户界面，在导入材质图标时遇到了一些麻烦，我的代码是从材质用户界面复制的（版本：＆＃34; material-ui＆＃34;：＆＃34; ^ 1.0.0-beta.41＆＃34 ;, ＆＃34; material-ui-icons＆＃34;：＆＃34; ^ 1.0.0-beta.36＆＃34;，） docs，就像这样：

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找不到模块：无法解决＆＃39; @材料-UI /图标/ PlayArrow＆＃39;在＆＃39; C：\用户\文集\桌面\ myblog \ SRC \指数＆＃39; 我试过这个：

import SkipPreviousIcon from 'material-ui/icons/SkipPrevious';

和这一个：

import SkipPreviousIcon from '@material-ui-icons/SkipPrevious';

但是没有任何区别，所以有人可以帮助我吗？

Answer 1

图标不是material-ui / core的一部分，因此必须使用以下两个命令进行安装：

npm install @material-ui/core
npm install @material-ui/icons

Answer 2

解决了，应该将图标模块添加到依赖项中，使用npm install @ material-ui / icons 或使用纱线：纱线添加@ material-ui / icons

Answer 3

我只是解决了一个奇怪的问题，（但在发现原因之后就不那么奇怪了）

在Mac上它可以工作，但是当我部署到linux时失败了，找不到图标

这是因为在Mac上它不区分大小写，而Linux是

如此

import DeleteForEver from '@material-ui/icons/DeleteForEver'

在Mac上有效，但在Linux上失败

该文件的名称实际上像“ DeleteForever”

正确的导入方式是

import DeleteForever from '@material-ui/icons/DeleteForever'

Answer 4

还需要安装@ material-ui / core。否则，使用图标将失败。

Answer 5

解决了！

任何建议都无效

我直接从网站复制了进口代码。现在一切正常。

Material Icons Website

如何导入材料ui图标？我使用Material ui图标遇到了一些问题

5 个答案: