reactjs - 无法解析“@material-ui/core/Alert”

Question

我试图使用 Material-ui 中的 Alert 组件，我成功安装了 @material-ui/core 但仍然给出错误 Can't resolve '@material-ui/core/Alert'

包.json

'''

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.12.3",
    "@testing-library/jest-dom": "^5.11.9",
    "@testing-library/react": "^11.2.3",
    "@testing-library/user-event": "^12.6.0",
    "axios": "^0.21.1",
    "bootstrap": "^5.1.0",
    "material-ui": "^1.0.0-beta.47",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-router-dom": "^5.2.0",
    "react-scripts": "^4.0.1",
    "web-vitals": "^0.2.4"
  },
  

'''

Note.js 文件

'''

import TextField from '@material-ui/core/TextField';
import Dialog from '@material-ui/core/Dialog';
import Alert from '@material-ui/core/Alert';

'''

标签： reactjsmaterial-ui

Answer 1

警报与材料 UI 的 Lab 包相关联。所以你需要安装它。

// with npm
npm install @material-ui/lab

// with yarn
yarn add @material-ui/lab