기본 구성 요소를 가져올 때 webpack 충돌이 발생합니다. 왜 이런 일이 일어나고 있는지 확신 할 수는 없지만 ag-grid-react 패키지 내의 누락 된 lib 인 것 같습니다 ... 전에이 문제를 겪은 사람이 있습니까? 모든 조언은 많은 의무가 있습니다!기본 구성 요소에서 ag-grid-react 충돌 : react-dom-factories가 누락되었습니다.
import Table from './components/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;
웹팩 함께 충돌
./node_modules/ag-grid-react/lib/agGridReact.js 모듈을 찾을 수 없습니다 : '해결 반응-DOM-공장을 할 수 없습니다/사용자/사용자 이름/사이트/site/node_modules/ag-grid-react/lib '