Material UI 图标未在 React 应用程序的浏览器中呈现

问题描述 投票:0回答:1

以下是我安装的依赖项:

"dependencies": {
    "@emotion/react": "^11.8.1",
    "@emotion/styled": "^11.8.1",
    "@mui/icons-material": "^5.4.2",
    "@mui/material": "^5.4.2",
    "@mui/styles": "^5.4.2",
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/react": "^12.1.3",
    "@testing-library/user-event": "^13.5.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "5.0.0",
    "web-vitals": "^2.1.4"
  }

我尝试使用 MUI 图标:

import React from "react";
import "./Sidebar.css";
import AddCircleIcon from "@mui/icons-material/AddCircle";
function Sidebar() {
  return (
    <div className="sidebar">
      <div className="sidebar__header">
        <AddCircleIcon />
      </div>
    </div>
  );
}

export default Sidebar;

但是在我保存并查看浏览器应用程序时使用 MUI 图标后,该图标不会在那里呈现。有什么我想念的吗?

reactjs material-ui
1个回答
-2
投票

使用用法部分的选项 1here 解决了我遇到的同样问题

所以在你的情况下尝试:

import AddCircleIcon from "@material-ui/icons/AddCircle";

代替:

import AddCircleIcon from "@mui/icons-material/AddCircle";
© www.soinside.com 2019 - 2024. All rights reserved.