找不到模块：无法解析“C:\Users\Syndicate\Documents\GitHub\simserp\sims\src\components\modules\country”中的“@mui/x-data-grid”

Question

在此输入图像描述

我正在做版本 "@material-ui/core": "^4.12.3"，现在版本已经改变了。我正在寻找方法：

import { GridOverlay, DataGrid } from '@mui/x-data-grid';

但它不起作用。任何人都可以帮助我设置旧版本的版本和文档，以便我在应用程序中使用这两个版本。

Answer 1

长话短说

\n

步骤1。

\n

// with npm\nnpm install @mui/material @emotion/react @emotion/styled\n\n// with yarn\nyarn add @mui/material @emotion/react @emotion/styled\n

\n

第2步。

\n

// with npm\nnpm install @mui/x-data-grid\n\n// with yarn\nyarn add @mui/x-data-grid\n

\n

步骤 3.

\n

import { DataGrid } from \'@mui/x-data-grid\'\n

\n\n

长文本

\n

我们公司在迁移的时候也遇到了同样的问题，最后完美解决。

\n

出现上述错误的原因是因为@mui/x-data-grid依赖于 Material UI v5，所以你必须安装它，或者你可以通过一些额外的步骤与 Material UI v4 一起使用。

\n

\n

这是将站点从 MUI X v4 升级到 v5 的参考指南。MUI X v5 与 Material UI v5 和 MUI System v5 完全兼容，并且可以通过一些额外的步骤与 Material UI v4 和 MUI System v4 一起使用。大多数重大更改是重命名 CSS 类或变量，以提高数据网格的一致性。

\n

\n

\n
• 请参阅MUI X 文档
\n

\n

你可能想知道，如果我现在使用 Material UI v4 该怎么办？\n根据我们的经验以及Material官方提供的信息，同时拥有v4包和v5包是没有问题的，所以你可以先安装Material UI v5然后就@mui/x-data-grid可以使用了，等待空闲时间将 v4 组件迁移到 v5 使用。

\n

\n

我们强烈建议您在使用 MUI\xc2\xa0X v5 时将 Material UI 迁移到 v5。但是，这可能是不可能的，具体取决于应用程序的复杂性。另一种方法是安装 Material UI v5 并配置它以保持 Material UI v4 一起运行。

\n

\n

\n
• 请参阅MUI X 文档
\n

\n

Answer 2

找不到模块：无法解析“@mui/x-data-grid”

说明你没有安装这个模块

如果您发现任何其他模块出现此错误，含义相同，您必须安装该特定模块

npm install @mui/x-data-grid

Answer 3

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