ag-Grid 中的警告：您正在混合模块（即@ag-grid-community/core）和包（ag-grid-community）答案

【问题标题】：Warning in ag-Grid: You are mixing modules (i.e. @ag-grid-community/core) and packages (ag-grid-community)ag-Grid 中的警告：您正在混合模块（即@ag-grid-community/core）和包（ag-grid-community）
【发布时间】：2022-02-14 18:33:39
【问题描述】：

我正在为 ag-grid 使用这些 npm 模块：

"@ag-grid-community/react": "^25.0.1",
"@ag-grid-enterprise/all-modules": "25.0.1",
"ag-grid-community": "^25.0.1",
"ag-grid-enterprise": "^25.0.1",
"ag-grid-react": "^25.0.1",

还有这些进口：

  import React, { Component } from 'react';
  import ReactDOM from 'react-dom';
  import { AgGridReact } from 'ag-grid-react';
  import 'ag-grid-enterprise';
  import { ModuleRegistry, AllModules } from '@ag-grid-enterprise/all-modules';
  import '@ag-grid-community/all-modules/dist/styles/ag-grid.css';
  import '@ag-grid-community/all-modules/dist/styles/ag-theme-material.css';
  import { LicenseManager } from '@ag-grid-enterprise/core';
    
  LicenseManager.setLicenseKey(
      'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
  );
  ModuleRegistry.registerModules(AllModules);

为什么我在控制台中收到此警告以及如何摆脱它？

ag-Grid: You are mixing modules (i.e. @ag-grid-community/core) and packages (ag-grid-community) - you can only use one or the other of these mechanisms.

【问题讨论】：

标签： ag-grid ag-grid-react

【解决方案1】：

您只需要在 package.json 文件中添加以下内容，因为这些包包含遵循 AG Grid“包”方法所需的所有代码。

"ag-grid-community": "^25.0.1",
"ag-grid-enterprise": "^25.0.1",
"ag-grid-react": "^25.0.1",

来自docs

不要将包和模块混在同一个中，这一点很重要应用程序，因为这将导致 AG Grid 被包含两次，并且将您的捆绑包大小翻倍！所有模块的范围都是 @ag-grid-community/* 或 @ag-grid-enterprise/* 不应混用使用独立软件包 ag-grid-community 和农业网格企业。

Modules	Packages
@ag-grid-community/xxxxx	ag-grid-community
@ag-grid-enterprise/xxxxx	ag-grid-enterprise

我在blog post 中写过更多关于此的内容。

【讨论】：

【解决方案2】：

您收到警告是因为很简单，您正在混合模块和包。 ag-grid-community 库包含 ag-Grid 社区中的所有内容，而 @ag-grid-community/core 包含来自 ag-Grid 社区的核心项目。您需要安装其中一个，具体取决于您使用的是模块还是包。

来自 ag-Grid：

安装 ag-Grid 有两种主要方法 - 使用软件包，或通过使用模块。包是使用 ag-Grid 最简单的方法，但默认情况下包括特定于每个包的所有代码，而模块允许你挑选你想要的功能，将允许减小整体包大小。

查看关于包和模块的文档here。

【讨论】：