使用ag-grid社区版导入AgGridReact时遇AgPromise导出错误求助

问题根源 #

ag-grid 18.1.2是发布于2018年的老旧版本，和React 18的模块系统完全不兼容，且其内部依赖的模块导出方式不符合现代ES模块规范，导致出现AgPromise导出错误。

修复步骤 #

1. 卸载现有不兼容的ag-grid老版本包

   npm uninstall ag-grid ag-grid-react
   

2. 安装适配React 18的ag-grid社区版最新稳定版
   新版社区版包名为ag-grid-community，替代老版本的ag-grid：

   npm install ag-grid-community ag-grid-react
   

3. 确保导入必要样式
   在使用表格的组件或全局样式文件中添加样式导入（以默认主题为例）：

   import 'ag-grid-community/styles/ag-grid.css';
   import 'ag-grid-community/styles/ag-theme-alpine.css';
   

4. 保持原有导入语句不变
   新版的AgGridReact导入路径依然有效：

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

额外说明 #

• Node 16.13.0和npm 8.1.0完全适配新版ag-grid（v30+），无需升级Node/npm版本。
• 若需要指定具体兼容版本，可选择ag-grid v30及以上版本，均支持React 18。

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