无法解析'@material-ui/core/Alert‘

Question

我尝试使用material-ui中的Alert组件，并成功安装了@material-ui/core，但仍然出现错误Can't resolve '@material-ui/core/Alert‘。

package.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';

“”“

Answer 1

Alert与材料UI的实验室包相关联。所以你需要安装它。

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

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