javascript - 如何在 ts Angular 2 应用程序中使用纯 js lib

Question

我正在使用 TypeScript 构建 Angular 2 (rc.4) 应用程序，我想使用 D3 .

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

我现在做什么(组件):

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

我希望这个笨蛋能帮助你:https://embed.plnkr.co/qM3qrk3swvalQFBh1Db1/