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文档
  **你可能想知道，如果我现在使用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文档

未找到模块：无法解析“@mui/x-data-grid”
意味着您没有安装此模块
如果您发现此错误的任何其他模块的意义是相同的，你必须安装该特定模块

npm install @mui/x-data-grid

npm i @mui/x-data-grid先安装这个

即使你已经安装了依赖@mui/x-data-grid VS Code也可能会因为这个错误而困扰你，解决方案是重新启动VS Code。

简单回答

• 步骤-1 * 安装依赖项

npm install @mui/material

npm install @mui/x-data-grid

• 步骤-2 * 重新启动VS代码
  **注意-**如果您觉得有用，请投赞成票