Question

我尝试将mxgraph与react项目一起使用。但是我不能使用带有反应的mxgraph。

我安装了mxgraph：

npm install mxgraph

然后我写了：

import {
   mxGraph,
   mxGraphHandler,
   mxGraphModel,
       ...
} from "mxgraph";

InitGraph =()={
   let container = document.createElement("div");
   this.setContainerStyle();

   let model = new mxGraphModel();
   let graph = new mxGraph(container,model);
}

我遇到了错误-> 未被捕获的TypeError：mxGraphModel不是构造函数。

但是当我使用mxgraph-js时，它可以正常工作。

我如何使用mxgraph？

Answer 1

我在初始化时添加了这段代码。这解决了问题

window['mxGraph'] = mxGraph;
window['mxGraphModel'] = mxGraphModel;
const graphEditor = new mxEditor();
window.graphEditor = graphEditor;
graphEditor.createGraph();
let graph = graphEditor.graph

Answer 2

mxgraph导入错误以使用mxgraph-js ref https://github.com/cloudfroster/mxgraph-js#readme

安装软件包

npm install mxgraph-js --save

导入包

import {
   mxGraph,
   mxGraphHandler,
   mxGraphModel,
       ...
} from "mxgraph-js";

Answer 3

试试这个：

npm i --save mxgraph

import MxGraph from "mxgraph/javascript/dist/build.js";

const {
   mxGraph,
   mxGraphHandler,
   mxGraphModel,
       ...
} = new MxGraph();

使用 mxgraph@4.2.2

对此进行了测试

MXGraph Reactjs不导入MXGraph库

3 个答案: