尝试导入错误：“GridActionsCellItem”未从“@mui/x-data-grid”导出答案

【问题标题】：Attempted import error: 'GridActionsCellItem' is not exported from '@mui/x-data-grid'尝试导入错误：“GridActionsCellItem”未从“@mui/x-data-grid”导出
【发布时间】：2021-09-27 17:11:48
【问题描述】：

我正在尝试将 'GridActionsCellItem' 从 '@mui/x-data-grid' 导入为：

import { GridActionsCellItem } from '@mui/x-data-grid';

但它显示错误为：

Attempted import error: 'GridActionsCellItem' is not exported from '@mui/x-data-grid'.

我正在从here复制官方文档代码。

谁能帮我解决这个问题？

【问题讨论】：

你的 package.json 中有什么版本的 x-data-grid ？
"@mui/x-data-grid": "^4.0.0",
文档使用版本“5.0.0-beta.2”——npm 中的“下一个”版本，而不是“最新”版本（即“4.0.0”）。 GridActionsCellItem 在“4.0.0”版本中不存在。
那么，你能告诉我如何更新到 5.0.0-bete.2

标签： javascript reactjs web material-ui material-design

【解决方案1】：

我通过将“@mui/x-data-grid”从 4.4.升级到“5.0.0-beta.2”解决了这个问题。只需将 package.json 中 @mui/x-data-grid 包的版本替换为 ^5.0.0-beta.2 即可。

【讨论】：

mui 5.0.1 已经出局，我建议离开 5.0.0-beta.2 并使用 5.0.1
@Alan mui 和 mui/x-data-grid 是不同的包。 x-data-grid 仍然是 4.0.2