¿Cómo integrar mxGraph con Angular 4?
Estoy trabajando en Angular 4 y quiero integrar mxGraph en mi proyecto. Lo busqué en Google, pero no obtengo el ejemplo de trabajo completo.
He intentado seguir el siguiente camino, pero tampoco me funciona.
Pasos que he seguido:
Mxgraph instalado:npm install mxgraph --save
paquete npm para mxgraph:https://www.npmjs.com/package/mxgraph
Instalado mxgraph-typings:npm install lgleim/mxgraph-typings --save
Github Repo de mxgraph-typings -https://github.com/lgleim/mxgraph-typings
Ahora lo he importado en mi componente:import {mxgraph} from 'mxgraph';
Se agregó la siguiente línea en la matriz de activos .angular-cli.json para que los activos mxGraph estén disponibles.
{"glob":"**/*", "input":"node_modules/mxgraph/javascript/src", "output": "./mxgraph"}
Si trato de usarlo como:const graph: mxgraph.mxGraph = new mxgraph.mxGraph(document.getElementById('graphContainer'));
Y cuando corrong serve
Luego recibo un problema / error como:Module not found: Error: Can't resolve 'mxgraph' in 'path to my file where I have imported and used mxgraph'
Ahora si trato de configurar mxBasePath:
const mx = require('mxgraph')({
mxImageBasePath: 'mxgraph/images',
mxBasePath: 'mxgraph'
});
Y usado así:
const graph: mxgraph.mxGraph = mx.mxGraph(document.getElementById('graphContainer'));
Y cuando corrong serve
Esta vez también recibo el mismo problema / error:Module not found: Error: Can't resolve 'mxgraph' in 'path to my file where I have imported and used mxgraph'
¿Alguien tiene alguna idea de lo que me estoy perdiendo aquí? ¿O por qué no funciona?
Si alguien conoce alguna otra / mejor forma de integrar mxGraph con Angular 4, hágamelo saber.
Gracias por adelantado !!