以下是我安装的依赖项:
"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 图标后,该图标不会在那里呈现。有什么我想念的吗?
使用用法部分的选项 1here 解决了我遇到的同样问题
所以在你的情况下尝试:
import AddCircleIcon from "@material-ui/icons/AddCircle";
代替:
import AddCircleIcon from "@mui/icons-material/AddCircle";