未找到模块：无法解析“@material-ui/styles”（反应）答案

【问题标题】：Module not found: Can't resolve '@material-ui/styles' (React)未找到模块：无法解析“@material-ui/styles”（反应）
【发布时间】：2021-11-05 10:33:28
【问题描述】：

我的依赖项

"dependencies": {
    "@craco/craco": "^6.4.0",
    "@emotion/core": "^10.1.1",
    "@emotion/react": "^11.5.0",
    "@emotion/styled": "^11.3.0",
    "@material-ui/core": "^5.0.0-beta.5",
    "@material-ui/data-grid": "^4.0.0-alpha.37",
    "@material-ui/icons": "^4.11.2",
    "@mui/icons-material": "^5.0.5",
    "@mui/material": "^5.0.6",
    "@mui/x-data-grid": "^5.0.0-beta.7",
    "@mui/x-data-grid-generator": "^4.0.2",
    "@mui/x-data-grid-pro": "^4.0.2",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "autoprefixer": "^9",
    "material-ui": "^1.0.0-beta.47",
    "postcss": "^7",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3",
    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
    "web-vitals": "^1.0.1"
  }

我不能使用DataGridPro，但我可以使用DataGrid

错误是

./node_modules/@mui/x-data-grid-pro/dist/index-esm.js 模块不是发现：无法解析“@material-ui/styles”

如何解决？

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

您使用的是 v4 DataGridPro：

"@mui/x-data-grid-pro": "^4.0.2",

尝试将软件包升级到 v5，使其不再依赖于旧版软件包 @material-ui/styles：

npm i x-data-grid-pro@next

【讨论】：