任何人都可以帮助我在 React 项目中使用 material 图标

Question

我导入了两个 material 图标包

    "@material-ui/core": "^4.12.3",
    "@material-ui/icons": "^4.11.2"

但是代码不工作，它显示错误，比如找不到模块，所以我需要做什么？

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

我已经安装了两个包。

[下面是我项目的报错]

Answer 1

Material UI 与 v5 做了一个 rebranding 远离“material”，现在称为“MUI”。

这意味着，他们的 npm 包也被重命名了。如果你在 npm 中转到 @material-ui/core 你可以看到这个通知

This package has been deprecated You can now upgrade to @mui/material. See the guide: https://mui.com/guides/migration-v4/

在这种情况下，假设您按照 https://mui.com/components/material-icons 中的建议导入图标，其中使用 v5，而安装的软件包是 v4（具有 @material 范围）

您有两个选择：

如果您想使用 mui v5，请将所有软件包升级到 v5（即 @mui 范围）。请注意，您还必须安装几个额外的依赖项 - @emotion/react @emotion/styled 因为 MUI 现在基于情感。
或者，将导入更新为 @material-ui/icons，如此处所述 - https://v4.mui.com/components/material-icons/

Answer 2

我猜 material UI 的新安装方式是 npm install @mui/icons-material。试试看。

anyone can help me to use material icons in react project