小编stm*_*lee的帖子

我正在尝试从 导入一个盒子组件@mui/material/Box。我已经使用以下命令安装了 Material-UI 5 npm i @mui/material。但出现这个错误，Module not found: Can't resolve '@emotion/react' in 'E:\frontend\node_modules\@mui\styled-engine'

这是我的代码。

import * as React from 'react';
import Box from '@mui/material/Box';

export default function WhiteSpace() {
  return (
    <div style={{ width: 200 }}>
      <Box
        component="div"
        sx={{
          whiteSpace: 'nowrap',
          my: 2,
          bgcolor: 'background.paper',
        }}
      >
        White Space Nowrap. White Space Nowrap.
      </Box>
      <Box
        component="div"
        sx={{
          whiteSpace: 'normal',
          my: 2,
          bgcolor: 'background.paper',
        }}
      >
        White Space Normal. White Space Normal.
      </Box>
    </div>
  );
} …

我已经安装了@material-ui/core和@material-ui/icons。

我正在尝试从材质图标导入“FileDownloadIcon”。

安装“@material-ui/core”：

npm i @material-ui/core

安装“@material-ui/icons”：

npm i @material-ui/icons

这是我尝试导入“FileDownloadIcon”的方式：

import FileDownloadIcon from '@mui/icons-material/FileDownload';
<div className="download-file">
        <Button
                variant="contained"
                color="primary"
                onClick={() => getResume()}
            >
            <FileDownloadIcon />
            Download Resume
        </Button>
</div>

但出现这样的错误“找不到模块：无法解析‘E:\frontend\src\component\Details’中的‘@mui/icons-material/FileDownload’”

哪里有问题？