Angular4でJointJSを使用するには？

Question

そのままでは動作しません（エラー "b.call is not function"でクラッシュします）。公式tutorialsで

彼らは、これが混乱して

（JointJSがLodashだけでなく、アンダースコアを必要とするため、この がある）我々は代わりにアンダースコアのLodashを使用するようにバックボーンを誘導しなけれ

言うとハッキングのような感じです。しかしここでの最大の問題は、Angular4（内部でWebpackを使用しています）でこれを行う方法がわかりません。

Answer 1

webpack.configを編集する必要はありません。 npmからjointjsをインストールすると、jointjsもこのライブラリのインストール依存関係になり、これらの依存関係はAngular 4依存関係とは別に使用されます。 したがって、コンポーネント内のジョイントをインポートするか、ジョイントを使用する必要があります。

import * as joint from '../../node_modules/jointjs/dist/joint.js'; 

また、あなたがあなたのTSconfigファイルでtrueにallowJsパラメータを設定していることを確認してください：

"allowJs": true 

それはあなたの角度成分にインポートJSファイルを許可します。それだけであなたが必要なのです。