我正在使用Angular 4,并且希望将mxGraph集成到我的项目中。我已经用谷歌搜索了,但是没有得到完整的示例。
我已经尝试过以下方法,但对我也不起作用。
我遵循的步骤:
安装的mxgraph: npm install mxgraph --save
用于mxgraph的npm软件包:https ://www.npmjs.com/package/mxgraph
安装的mxgraph-typings: npm install lgleim/mxgraph-typings --save
Github回购mxgraph-typings- https://github.com/lgleim/mxgraph-typings
现在,我已将其导入到组件中: import {mxgraph} from 'mxgraph';
在.angular-cli.json资产数组中添加了以下行,以使mxGraph资产可用。
{"glob":"**/*", "input":"node_modules/mxgraph/javascript/src", "output": "./mxgraph"}
Run Code Online (Sandbox Code Playgroud)如果我尝试像这样使用它: const graph: mxgraph.mxGraph = new mxgraph.mxGraph(document.getElementById('graphContainer'));
当我跑步时 ng serve
然后我遇到问题/错误:
Module not found: Error: Can't resolve 'mxgraph' in 'path to my file where I have imported and used mxgraph'
现在,如果我尝试设置mxBasePath:
const mx = require('mxgraph')({
mxImageBasePath: 'mxgraph/images',
mxBasePath: 'mxgraph'
});
Run Code Online (Sandbox Code Playgroud)
像这样使用:
const graph: mxgraph.mxGraph = mx.mxGraph(document.getElementById('graphContainer'));
当我跑步时 ng serve
这次我也遇到同样的问题/错误:
Module …