ag-grid中的警告:您正在混合模块(即@ag-格栅-社区/核心)和包(ag-网格-社区)

Question

我正在使用这些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.

Answer 1

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

来自ag-Grid：

安装ag Grid的方法主要有两种--要么使用包，要么使用模块。包是使用ag-Grid最简单的方法，但默认情况下包含所有特定于每个包的代码，而模块允许您选择您想要的功能，这将减少整个包的大小。

查看有关包和模块这里的文档。