typescript - 使用 typings 在 Ionic/TypeScript 中导入 JS 库时出现编译错误

Question

我试图了解如何使用 TypeScript 将外部 js 库包含到 Ionic2 项目中，但我按照我发现的说明操作但没有成功。

我对 Ionic 和 Typescript 很陌生，所以我猜我做错的地方还不止于此。我正在尝试在我的页面中使用 D3 库(其他库也是如此，我用 D3 来解释)。

这是我从示例项目开始到目前为止所做的:

ionic start mytest --v2 --ts
cd mytest
npm install d3 --save
typings install registry:dt/d3 --global --save

在一个页面中，我按如下方式导入 d3:

import * as d3 from 'd3'

或者 从 'd3' 导入 d3

在运行应用程序和编译 TypeScript 时，出现错误:

TS2307: Cannot find module 'd3'.

因此，根据我的理解，TS 编译器似乎无法找到该模块的类型定义文件。但是，我假设与 Ionic2 默认示例一起安装的 typescript 系统包括类型定义文件(index.d.ts，引用 /// ) 与行:

"**/*.ts",

在 tsconfig.json 中的 FilesGlob 键下。当前编译器版本为 1.8.7。我还尝试在 tsconfig.json 中的"file"键下或

下的文件中引用相同的文件

"typings/globals/d3/index.d.ts"

但没有任何变化。我仍然遇到相同的编译错误。此外，在使用 Atom 编辑器时，库会被正确选取并且成员会出现在自动完成列表中。我不确定该错误是否仅与类型有关，或者编译器是否找不到源 javascript 库。

你有什么建议吗？除了这个编译异常，我应该在 www/index.html 中添加 d3.js 文件吗？或者它被自动打包(我不清楚如何打包)到应用程序包javascript文件中(也许这个问题与编译错误的原因之间存在联系)？

Answer 1

我最近遇到了同样的问题，在使用打字的时候有一些文件需要修改。

看看这个链接，它对我很有用:

http://x-team.com/2016/06/include-javascript-libraries-in-an-ionic-2-typescript-project/