node.js - 将 typescript 定义模块声明匹配到 Node 模块导入

Question

我已经通过 NPM 安装了流行的 d3 库。

npm install d3
tsd install d3 -save
tsc

在我的 home.ts 文件中，我导入了模块:

从“d3/d3”导入 * 作为 d3；

编译正确，但出现语义错误:

app/home/components/home.ts(2,21):错误 TS2307:找不到模块“d3/d3”。

此外，我在 IDE 中丢失了所有语法高亮/预输入信息。

TSD 提供的原始 d3.d.ts 文件声明模块如下:

declare module 'd3' {
    export = d3;
}

如果我将模块更改为 'd3/d3'，一切正常:

declare module 'd3/d3' {
    export = d3;
}

所以，我很难得到我需要的两个东西:

import * as d3 from 'd3'; 给出了我期望的类型定义，但在 node_modules/d3.js 中查找了一个不正确的模块。

import * as d3 from 'd3/d3'; 找到了正确的模块，因为路径是正确的，但我丢失了我的类型定义，因为模块声明不匹配。

我怎样才能让这两个东西匹配起来，这样我就可以简单地导入模块而不会丢失我的类型定义？

仅供引用:我使用的是 typescript 1.7.5，我的 moduleResolution 设置为 node。

Answer 1

你需要告诉加载程序去哪里找东西。在您的 systemjs.config.js 中，在 map 对象中添加以下映射:

var map= {
...
...
'd3':  'node_modules/d3'
};

d3.js 文件确实位于 node_modules/d3 中，上面的映射会让加载器找到该文件。现在，您可以将其导入您的组件中:

import * as d3 from 'd3';