React JS-React Material UI图标不起作用?

时间:2018-09-20 08:50:36

标签: reactjs

我正在使用react Material UI,并且收到以下错误。

  

“未找到模块:无法解析'@ material-ui / icons / Lock'”

import LockIcon from '@material-ui/icons/Lock';

我该如何解决?

3 个答案:

答案 0 :(得分:0)

您尚未安装@material-ui/icons软件包。您可以从node_modules

进行验证

这可以解决您的问题,

npm install --save @material-ui/icons

答案 1 :(得分:0)

import Icon from '@material-ui/core/Icon';

然后将字体材料图标添加到index.html

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

答案 2 :(得分:0)

MUI 已将其 icons 与核心分离到一个名为 @material-ui/icons 的单独 node_module 中。

这是一个关于如何使用 React 设置 MUI 图标的好例子: https://mechanicalrock.github.io/2021/04/27/fed-talk-s01e01-getting-started#keyboard-getting-started-with-material-ui