如何在TS Angle 2应用中使用Plain JS lib

Question

我正在使用TypeScript构建Angular 2（rc.4）应用程序，我想使用D3 。

我已经通过npm install安装了D3，但这是一个没有.d.ts文件的js模块。 但是，我在这里找到了.d.ts文件。

我现在要做什么（一个组件）：

import d3 from 'node_modules/d3/build/d3.min.js';
//<reference path="../declaration/d3.d.ts" />
//[...]
export class Test {
    constructor() {
        this.object = this.d3.select(...);
    }
}

如果我在TS文件的该行上设置了一个断点，则可以执行所有操作。 但是，此文件的映射的.js版本被转换为：

var d3_min_js_1 = require('node_modules/d3/build/d3.min.js');
[...]
this.object = d3_min_js_1.default.select(...);

d3_min_js_1对象存在，但是没有“默认”对象，因此它引发了未定义的异常...

我如何才能正确地进行此映射（我很确定d3.d.ts不执行任何操作），或者如何在TS文件中使用普通的javascript（编译器无法对其进行修正）？

Answer 1

我希望这个pl客能为您提供帮助： https ://embed.plnkr.co/qM3qrk3swvalQFBh1Db1/