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 !!

questionAnswers(2)

yourAnswerToTheQuestion