如何在我的 Angular 7 项目中导入 ag-grid-enterprise答案

【问题标题】：How to import ag-grid-enterprise in my Angular 7 project如何在我的 Angular 7 项目中导入 ag-grid-enterprise
【发布时间】：2020-09-28 18:29:24
【问题描述】：

我想在我使用 ag-grid 的 Angular 7 项目中使用服务器端行模型。在我的 package.json 中，我发现 ag-grid-enterprise 已经存在

"ag-grid-enterprise": "^20.0.0"

但是在 node-modules/ag-grid-enterprise 里面我没有找到 server-side-row-model。在文档中建议如下：

@ag-grid-enterprise/server-side-row-model": "~22.0.0"

所以我在 package.json 中尝试。但它不能导入，我也没有在 node-modules 中找到@ag-grid-enterprise。它也不能导入：

import { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model';

【问题讨论】：

标签： angular ag-grid ag-grid-angular

【解决方案1】：

简答

如果您已经拥有ag-grid-enterprise，则不需要@ag-grid-enterprise/server-side-row-model。此外，请确保您还拥有以下软件包：

ag-grid-angular 使 AgGrid 与 angular 一起使用
ag-grid-community：包括所有社区功能。 ag-grid-enterprise 仅包含针对企业用户的附加功能

"ag-grid-angular": "^20.0.0",
"ag-grid-community": "^20.0.1",
"ag-grid-enterprise": "^20.0.0",

别忘了在你的app.module.ts注册你的模块

import { AgGridModule } from "ag-grid-angular";
import 'ag-grid-enterprise';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, AgGridModule.withComponents([])],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

更长的答案

有两种方法可以导入 AgGrid。使用package 或module。

"ag-grid-enterprise": "^20.0.0"

这是一个package，其中包含所有功能。这是最简单的导入方式

@ag-grid-enterprise/server-side-row-model": "~22.0.0"
@ag-grid-enterprise/xxxxx

这是一个单独的module。它允许您只挑选您需要的功能。它有助于减小包大小，但需要更多时间来正确设置

您不能将其中 2 个混合在一起。使用package 或module。

【讨论】：

我会在星期一试试这个。这澄清了我的许多疑问。

【解决方案2】：

同样的问题发生在我身上。

"ag-grid-enterprise": "^20.0.0" 缺少一个模块，其他模块丢失，

现在我想知道如何添加其他模块

【讨论】：