材質 UI 的問題 - 未找到模塊：無法解析“@material-ui/icons/Add”

Question

我遇到了材質 ui 的問題。 它適用於我的前兩個項目，但現在突然顯示此錯誤：

未找到模塊：無法解析“E:\Projects\Slack-clone\slack-clone\src”中的“@material-ui/icons/Add”

這是我的組件之一：

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 安裝@material-ui/icons

之后請檢查 package.json 你會找到你的 package 之后你可以嘗試這樣import AccessAlarmIcon from '@material-ui/icons/AccessAlarm';