javascript - 在 Angular2 中使用 d3.js

Question

SO 上有一些关于它的问题，但不幸的是，它们似乎都被弃用了。

我将 angular2 与 angular-cli 结合使用。

使用 npm install d3 安装 d3.js im。

我的 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 {
}

但不知何故，由于错误，应用程序无法正确加载: 找不到模块“d3”。

这有点奇怪，尤其是因为 Webstorm 能够看到该文件并且没有报告任何问题。

我还尝试安装 c3.js 库，安装后我尝试了相同的导入方式:

npm install c3

和

从“c3”导入 * 作为 c3；

但它的效果不如第一个。

编辑!

使用命令后:

npm install d3 --save

npm install @types/d3 --save-dev

就像@Tudor Ciotlos 提到的，我得到的错误很少。

[default] C:\Users\node_modules\@types\c3\index.d.ts:28:41 Generic type 'Selection' requires 4 type argument(s). [default] C:\Users\node_modules\@types\c3\index.d.ts:351:56

Module '" C:\Users\node_modules/@types/d3/index"' has no exported member 'Rgb'. [default] C:\Users\node_modules\@types\c3\index.d.ts:355:47

Module '"C:/Users/node_modules/@types/d3/index"' has no exported member 'Rgb'. [default] C:\Users\ode_modules\@types\c3\index.d.ts:833:51

Module '"C:/Users/node_modules/@types/d3/index"' has no exported member 'Rgb'. [default] C:\Users\node_modules\@types\c3\index.d.ts:943:58

Module '"C:/Users/node_modules/@types/d3/index"' has no exported member 'Rgb'.

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

Answer 1

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

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

您可以找到有关 3rd Party Library Installation 的更多信息和 Global Library Installation在 GitHub 上的 angular-cli 自述文件中。