将d3js导入Ionic2打字稿项目

时间:2016-06-28 09:16:23

标签: d3.js angular ionic2

我无法理解如何在离子打字稿项目中导入d3js库。我使用:

安装了库
npm install d3 --save-dev

该库位于node_modules / d3中。在我的页面模块中,我尝试使用每个可能的路径导入,例如:

import * as d3 from 'd3/d3'
import * as d3 from '../../../node_modules/d3/d3'

我总是得到错误:

Error TS2307: Cannot find module 'd3/d3'.
or 
Error TS2307: Cannot find module '../../../node_modules/d3/d3'`.

任何暗示帮助我?

Angular版本2.0.0-rc.1

离子:2.0.0-beta.9

由于

2 个答案:

答案 0 :(得分:1)

我使用了解决方法。

我做了什么:

在index.html中链接d3js(在文件的末尾,下面是app.bundle.js):

<script src="https://d3js.org/d3.v3.min.js"></script>

然后在我的page.ts中(在@Component之前):

declare var d3: any;

然后您就可以使用它:

d3.select("#graph svg").remove();

所以我没有使用导入(如果你想使用这个解决方案,你应该删除导入)

答案 1 :(得分:0)

试试这个:

npm install @types/d3 --save

我刚尝试过它并且有效。更多信息here