未找到模块：错误：无法解析 'D:\ 中的 '@mui/icons-material/Menu'答案

【问题标题】：Module not found: Error: Can't resolve '@mui/icons-material/Menu' in 'D:\未找到模块：错误：无法解析 'D:\ 中的 '@mui/icons-material/Menu'
【发布时间】：2022-07-19 23:17:59
【问题描述】：

我尝试下载

npm install @mui/material @emotion/react @emotion/styled --force

之后

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

这一切都行不通我只有错误

enter image description here

我的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 和前端。对不起我的愚蠢，如果可以的话，请帮助我。:)

【问题讨论】：

标签： javascript node.js reactjs

【解决方案1】：

您必须安装正确的软件包：

npm install @mui/icons-material

@mui 和 @material-ui 是两个不同的东西

Here is the Guide

【讨论】：