ag-grid-react 在基本组件导入时崩溃：缺少 react-dom-factories

Question

导入基本组件时，我的 webpack 崩溃了。我不确定为什么会发生这种情况，但它似乎是 ag-grid-react 包中缺少的库......以前有人运行参与过吗？如有任何建议，我们将不胜感激！

import Table from './components/Table'

创建 Table 组件时它编译正常，但是一旦我按上面的方式导入它，它就会崩溃 webpack。

// Table.js

import React, { Component } from "react";
import { AgGridReact } from "ag-grid-react";

class Table extends Component {
  constructor(props) {
    super(props);

    this.state = {
      columnDefs: this.createColumnDefs(),
      rowData: this.createRowData()
    };
  }

  onGridReady(params) {
    this.gridApi = params.api;
    this.columnApi = params.columnApi;

    this.gridApi.sizeColumnsToFit();
  }

  createColumnDefs() {
    return [
      { headerName: "Make", field: "make" },
      { headerName: "Model", field: "model" },
      { headerName: "Price", field: "price" }
    ];
  }

  createRowData() {
    return [
      { make: "Toyota", model: "Celica", price: 35000 },
      { make: "Ford", model: "Mondeo", price: 32000 },
      { make: "Porsche", model: "Boxter", price: 72000 }
    ];
  }

  render() {
    let containerStyle = {
      height: 115,
      width: 500
    };

    return (
      <div style={containerStyle} className="ag-fresh">
        <h1>Simple ag-Grid React Example</h1>
        <AgGridReact
          // properties
          columnDefs={this.state.columnDefs}
          rowData={this.state.rowData}
          // events
          onGridReady={this.onGridReady}
        />
      </div>
    );
  }
}

export default Table;

Webpack 崩溃

./node_modules/ag-grid-react/lib/agGridReact.js 找不到模块：无法解析“/Users/username/Sites/site/node_modules/ag-grid-react/lib”

中的 'react-dom-factories'

Answer 1

随着 react-dom 15.5（我认为），react-dom-factories 被移动到一个单独的模块。 ag-grid-react 已更新以解决此问题，并在其 package.json 中添加了 react-dom-factories 作为对等依赖项。您在安装 ag-grid-react 时可能会收到有关缺少 react-dom-factories 依赖项的警告。

要解决此问题，请尝试运行 npm install react-dom-factories（或者如果您使用的是 yarn，则使用等效的 yarn）。

ag-grid-react 在基本组件导入时崩溃：缺少 react-dom-factories

ag-grid-react crashing on basic component import: missing react-dom-factories

javascript

reactjs

webpack

ag-grid

ag-grid-react