在Angular2中使用d3.js.

Question

关于它有一些关于它的问题,但不幸的是它们似乎都被弃用了.

我使用angular2与angular-cli.

要使用安装d3.js即可npm install d3.

我的app.component.ts档案:

import { Component } from '@angular/core';
import * as d3 from 'd3';

@Component({
  selector: 'app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
}

但不知何故,由于错误,应用程序无法正确加载: Cannot find module 'd3'.

这有点奇怪,特别是因为Webstorm能够看到文件并且不会报告任何问题.

我也尝试安装c3.js库,安装ive之后尝试了相同的导入方式:

npm install c3

和

import * as c3 from 'c3';

但它和第一个一样不起作用.

编辑!

使用命令后:

npm install d3 --save

npm install @types/d3 --save-dev

就像@Tudor Ciotlos提到的那样,我得到的错误很少.

[默认] C:\ Users \node_modules\@types\c3\index.d.ts:28:41泛型类型'Selection'需要4个类型的参数.[默认] C:\ Users \node_modules\@types\c3\index.d.ts:351:56

模块'"C:\ Users \node_modules/@ types/d3/index"'没有导出成员'Rgb'.[默认] C:\ Users \node_modules\@types\c3\index.d.ts:355:47

模块'"C:/ Users/node_modules/@ types/d3/index"'没有导出成员'Rgb'.[默认] C:\ Users\ode_modules\@types\c3\index.d.ts:833:51

模块'"C:/ Users/node_modules/@ types/d3/index"'没有导出成员'Rgb'.[默认] C:\ Users \node_modules\@types\c3\index.d.ts:943:58

模块'"C:/ Users/node_modules/@ types/d3/index"'没有导出成员'Rgb'.

有谁知道我为什么会收到这些错误？

Answer 1

除了安装 d3 包之外，您还必须安装相关的类型：

npm install d3 --save
npm install @types/d3 --save-dev

您可以在 GitHub 上的 angular-cli 自述文件中找到有关第 3 方库安装和全局库安装的更多信息。