材质 UI 的问题 - 未找到模块：无法解析“@material-ui/icons/Add”

Question

我遇到了材质 ui 的问题。它适用于我的前两个项目，但现在突然显示此错误：

找不到模块：无法解析“@material-ui/icons/Add” 'E:\Projects\Slack-clone\slack-clone\src'

这是我的组件之一：

import React from 'react';
import "./Header.css";
import { Avatar } from '@material-ui/core';
import AddIcon from '@material-ui/icons/Add';

function Header() {
    return (
        <div className="header">
            <div className="header_left">
                <Avatar className="header_avatar" alt="soham bhosale" src=""/>
              <AddIcon />
        </div>

这是我安装material-ui后的package.json：

{
  "name": "slack-clone",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.10",
    "@testing-library/react": "^11.2.6",
    "@testing-library/user-event": "^12.8.3",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.1.1"
  }

Answer 1

试试这个

npm install @material-ui/icons

然后请检查 package.json 你会找到你的包，然后你可以像这样尝试import AccessAlarmIcon from '@material-ui/icons/AccessAlarm';