输入图片描述
我一直在做"@material-ui/core": "^4.12.3"版本，现在版本变了。我在找:
import { GridOverlay, DataGrid } from '@mui/x-data-grid';
但它不起作用。谁能帮我设置旧版本的版本和文档，这样我就可以在我的应用程序中使用两个版本。
TL;DR
步骤1.
// with npm
npm install @mui/material @emotion/react @emotion/styled
// with yarn
yarn add @mui/material @emotion/react @emotion/styled
步骤2。
// with npm
npm install @mui/x-data-grid
// with yarn
yarn add @mui/x-data-grid
步骤3。
import { DataGrid } from '@mui/x-data-grid'
长文本我们公司在迁移的时候也遇到了同样的问题，最后很好的解决了。
出现上述错误的原因是@mui/x-data-grid依赖于MUI v5，所以您必须安装它，或者您可以通过一些额外的步骤与MUI v4一起使用。
这是将您的站点从MUI X v4升级到v5的参考指南。MUI X v5与MUI Core(包括Material UI) v5完全兼容，可以与MUI Core v4一起使用，需要一些额外的步骤。大多数突破性的变化是重命名CSS类或变量，以提高网格的一致性。
- 参考MUI doc
您可能想知道，但是如果我现在使用mui v4应该怎么办?根据我们的实际经验和官方材料提供的信息，同时安装v4包和v5包是没有问题的，所以您可以先安装MUI v5，让@mui/ x-data-grid可以使用，等待空闲时间将v4组件迁移到v5使用。
我们强烈建议您在使用MUI X v5时将MUI Core迁移到v5。然而，这可能是不可能的，这取决于应用程序的复杂性。另一种选择是安装MUI Core v5并配置它以保持MUI Core v4与之一起运行。
- 参考MUI doc
模块未找到:无法解析'@mui/x-data-grid'
表示你没有安装这个模块
如果你发现这个错误对于任何其他模块的含义是相同的，你必须安装特定的模块
npm install @mui/x-data-grid
npm I @mui/x-data-grid先安装这个
即使你已经安装了依赖@mui/x-data-gridVS Code可能会让你这个错误，解决方案是重新启动VS Code。
简单回答
步骤1
安装依赖npm install @mui/material
npm install @mui/x-data-grid
step2Restart VS Code
注意:如果你觉得有用，请给这个投票