我正在使用 React Material UI，但收到以下错误。
“未找到module：无法解析‘@material-ui/icons/Lock’”
import LockIcon from '@material-ui/icons/Lock';
我怎样才能解决这个问题？
React JS - React Material UI 图标不起作用？
IT技术
reactjs
2021-05-02 08:36:53
4个回答
import Icon from '@material-ui/core/Icon';
然后将字体材质图标添加到 index.html
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
你还没有安装@material-ui/icons包。您可以从node_modules
这将解决您的问题，
npm install --save @material-ui/icons
自那以后，MUI 将它们icons从核心分离到一个名为@material-ui/icons.
这是一个关于如何使用 React 设置 MUI 图标的好例子：https : //mechanicalrock.github.io/2021/04/27/fed-talk-s01e01-getting-started#keyboard-getting-started-with-material-用户界面
这是您无法安装节点module的替代方法：
- 将 "" 添加到您的 head 标签，或者您将链接存储到样式表的任何地方。
- 添加类名为“material-icons”的 span 标签，并使 span 的内容成为您要使用的图标。例子：菜单
您可以在此处找到有关所有图标的更多信息