使用ag-grid新react-ui时提示AgGridReact模块不存在如何解决？

模块找不到的核心原因是AG Grid的包命名和引入规则在不同版本、不同分发模式下存在差异：

• 你安装的是26.x版本的传统非模块化包ag-grid-react，但你使用的@ag-grid-community/react/@ag-grid-react是AG Grid 27+版本才正式启用的模块化包专属引入路径，26.x版本本身不支持该路径
• 现有依赖存在冗余冲突，@ag-grid-community/all-modules属于模块化分发体系的包，和同时安装的传统包ag-grid-community会造成依赖冲突隐患

有两种可选方案，选择其中一种执行即可：

方案一：继续使用26.x现有版本（无需升级） #

直接修改引入语句为传统包对应的路径即可：

import { AgGridReact } from 'ag-grid-react';

同时建议清理冗余依赖避免后续冲突，执行以下命令卸载多余包：

npm uninstall @ag-grid-community/all-modules
# 若使用yarn则执行 yarn remove @ag-grid-community/all-modules

方案二：升级到27+版本使用新React UI功能 #

如果必须使用新的react-ui特性，需要将所有AG Grid相关依赖升级到27.0.0以上版本，切换为模块化体系的依赖包：

1. 先卸载现有所有AG Grid相关依赖：

npm uninstall ag-grid-community ag-grid-react @ag-grid-community/all-modules

2. 安装新版模块化依赖：

npm install @ag-grid-community/core @ag-grid-community/react @ag-grid-community/client-side-row-model
# 可根据需求安装其他需要的功能模块

3. 使用最初的引入语句即可正常导入：

import { AgGridReact } from '@ag-grid-community/react';

内容的提问来源于stack exchange，提问作者garg10may