React Ag-Grid使用aggFunc遇警告：未导入ag-grid-enterprise包？

你遇到的警告信息：

AG Grid: unable to use aggFunc as package 'ag-grid-enterprise' has not been imported. Check that you have imported the package:

你的导入语句：

import {useEffect, useState} from 'react'
import axios from 'axios'
import 'ag-grid-enterprise'
import {RowGroupingModule} from '@ag-grid-enterprise/row-grouping'
import {AgGridReact} from 'ag-grid-react'
import {G2Theme} from '@genre/g2common-theme'
import {ModuleRegistry} from '@ag-grid-community/core'

以下是针对性的排查和解决步骤：

• 确认模块注册逻辑
  虽然你导入了RowGroupingModule和ModuleRegistry，但需要手动将企业模块注册到AG Grid核心中。在组件初始化阶段添加注册代码：

  useEffect(() => {
    ModuleRegistry.registerModules([RowGroupingModule])
  }, [])
  

  注意：导入ag-grid-enterprise会自动注册所有企业模块，如果你同时用了单独模块导入和全量导入，建议二选一，避免冲突。

• 调整导入顺序
  确保ag-grid-enterprise的导入语句在AgGridReact之前，AG Grid需要先加载企业包才能识别相关功能：

  import 'ag-grid-enterprise'
  import {AgGridReact} from 'ag-grid-react'
  // 其他导入语句...
  

• 验证依赖版本一致性
  检查ag-grid-react、ag-grid-community、ag-grid-enterprise以及@ag-grid-enterprise/row-grouping的版本是否完全一致，版本不匹配会导致模块无法正常识别。执行命令查看版本：

  npm list ag-grid-react ag-grid-community ag-grid-enterprise @ag-grid-enterprise/row-grouping
  

  若版本不一致，重新安装统一版本：

  npm install ag-grid-react@x.x.x ag-grid-community@x.x.x ag-grid-enterprise@x.x.x @ag-grid-enterprise/row-grouping@x.x.x
  

  替换x.x.x为你当前使用的正确版本号。

• 禁用tree-shaking对企业包的影响
  Webpack、Vite等构建工具的tree-shaking可能误删ag-grid-enterprise的代码。可以通过添加副作用注释确保包被正确打包：

  import 'ag-grid-enterprise' /* webpack: ignore */
  

  或者在项目的package.json中添加配置：

  "sideEffects": ["ag-grid-enterprise"]
  

• 检查aggFunc的使用前提
  aggFunc必须配合行分组（rowGroup）功能使用，确保你的列配置已启用分组：

  const columnDefs = [
    { field: 'category', rowGroup: true },
    { field: 'value', aggFunc: 'sum' }
  ]
  

  未启用分组时使用aggFunc会触发警告。

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