Como integrar o mxGraph ao Angular 4?
Estou trabalhando no Angular 4 e quero integrar o mxGraph no meu projeto. Eu pesquisei no Google, mas não estou conseguindo o exemplo completo de trabalho.
Eu tentei seguir o caminho, mas também não está funcionando para mim.
Etapas que eu segui:
Mxgraph instalado:npm install mxgraph --save
pacote npm para mxgraph:https://www.npmjs.com/package/mxgraph
Mxgraph-typings instalado:npm install lgleim/mxgraph-typings --save
Repositório do Github de mxgraph-typings -https://github.com/lgleim/mxgraph-typings
Agora eu o importei no meu componente:import {mxgraph} from 'mxgraph';
Adicionada a seguinte linha na matriz de ativos .angular-cli.json para disponibilizar os ativos mxGraph.
{"glob":"**/*", "input":"node_modules/mxgraph/javascript/src", "output": "./mxgraph"}
Se eu tentar usá-lo como:const graph: mxgraph.mxGraph = new mxgraph.mxGraph(document.getElementById('graphContainer'));
E quando eu corrong serve
Então eu recebo um problema / erro como:Module not found: Error: Can't resolve 'mxgraph' in 'path to my file where I have imported and used mxgraph'
Agora, se eu tentar definir mxBasePath:
const mx = require('mxgraph')({
mxImageBasePath: 'mxgraph/images',
mxBasePath: 'mxgraph'
});
E usado assim:
const graph: mxgraph.mxGraph = mx.mxGraph(document.getElementById('graphContainer'));
E quando eu corrong serve
Desta vez também estou recebendo o mesmo problema / erro:Module not found: Error: Can't resolve 'mxgraph' in 'path to my file where I have imported and used mxgraph'
Alguém tem alguma idéia do que estou perdendo aqui? Ou por que não está funcionando?
Se alguém conhece outra / melhor maneira de integrar o mxGraph ao Angular 4, informe-me.
Desde já, obrigado !!