2016-07-12 8 views
1

int angular2プロジェクトをインポートするにはどうすればよいですか?私はnpmを使用してd3jsをインストールし、私のsystemJsにd3jsを追加しましたが、それは私にtraceur.jsエラーを与えます。私もスクリプトで最新のcdnを使ってみましたが、import * as d3 from 'd3';でしたが、それはモジュールを見つけることができません。d3jsをangular2にインポートする

SystemConfig.jsは、このセットアップは私にD3をインポートするときに、私は同じエラーに遭遇した

var map = { 
    'd3': 'node_modules/d3' 
    }; 

var packages = { 
    'd3': {main: 'index.js'}, 
    }; 
+0

正しいルートですか? 'traceur'エラーとは何ですか? (通常は404)もちろんnode_modules/d3/src /ではないのですか? – Pogrindis

+0

私はsrcフォルダがないので、d3jsはメインディレクトリのindex.jsを使用していると思います。 – nCore

答えて

2

traceur.jsエラーが発生します。私が行ったようにes3モジュールを使ってd3をインストールした場合、バンドルファイルへのパスを設定するとエラーが取り除かれます。

var map = { 
    'd3': 'node_modules/d3/build' 
}; 

var packages = { 
    'd3': {main: 'index.js'}, 
}; 

これ以降、次のようにd3を実行できるはずです。

import d3 from 'd3'; 

私はこれを理解するために次のページを使用しました。 https://github.com/d3/d3/issues/2900

0

あなたはまだ import * as d3 from 'd3';

を使用しますが、あなたのdevDependenciesに'@types/d3'をインポートすることができます。 これを実行すると、モジュールを入手できます。 これをng5アプリケーションで使用します。

関連する問題