![](/img/trans.png)
[英]Module not found: Can't resolve '@mui/icons-material/FileDownload'
[英]Module not found: Error: Can't resolve '@mui/icons-material/Menu' in 'D:\
我尝试下载
npm install @mui/material @emotion/react @emotion/styled --force
后
npm install @material-ui/icons
npm install @material-ui/core
而这一切都不起作用我只有错误
我的 Appbar 代码很简单,来自 ui 材料
import * as React from 'react';
import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box';
import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography';
import Button from '@mui/material/Button';
import IconButton from '@mui/material/IconButton';
import MenuIcon from '@mui/icons-material/Menu';
export default function Appbar() {
return (
<Box sx={{ flexGrow: 1 }}>
<AppBar position="static">
<Toolbar>
<IconButton
size="large"
edge="start"
color="inherit"
aria-label="menu"
sx={{ mr: 2 }}
>
<MenuIcon />
</IconButton>
<Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
News
</Typography>
<Button color="inherit">Login</Button>
</Toolbar>
</AppBar>
</Box>
);
}
和主“App.js”文件
import './App.css';
import Appbar from './components/Appbar'
function App() {
return (
<div className="App">
<Appbar/>
</div>
);
}
export default App;
编译的错误是
Module not found: Error: Can't resolve '@material-ui/core/styles' in 'D:\oop\studentsystem\studentfrontend\src\components'
WARNING in [eslint]
Failed to compile.
Module not found: Error: Can't resolve '@mui/icons-material/Menu' in 'D:\oop\studentsystem\studentfrontend\src\components'
ERROR in ./src/components/Appbar.js 11:0-48
Module not found: Error: Can't resolve '@mui/icons-material/Menu' in 'D:\oop\studentsystem\studentfrontend\src\components'
webpack compiled with 1 error
我不知道如何解决这个问题,因为我今天才开始学习 React js 和前端。 对不起我的愚蠢,如果可以的话,请帮助我。:)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.