d3js 導入到 angular2

Question

如何導入d3js int angular2 項目？ 我使用 npm 安裝了 d3js 並將 d3js 添加到我的 systemJs 但是它給了我traceur.js錯誤。 我還嘗試在腳本中使用最新的 cdn 並import * as d3 from 'd3'; 但是找不到模塊。

SystemConfig.js，這個設置給了我 traceur.js 錯誤

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

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

Answer 1

我在導入 d3 時遇到了同樣的錯誤。 如果您像我一樣使用 es6 模塊安裝 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

Answer 2

你仍然可以使用import * as d3 from 'd3';

但是將'@types/d3'導入到您的 devDependencies 中。 完成此操作后，您將能夠獲取模塊。 我在我的 ng5 應用程序中使用它。

Answer 3

執行此步驟 1) 移至 angular 項目文件夾，在終端上運行此步驟

 npm i d3

2) 從您的組件類使用以下導入語句。

import * as d3 from "d3";