如何在ionic2项目中导入javascript文件？

Question

经过两天的摔跤，有人可以向我解释如何将javascript文件正确地包含在离子应用程序中？

我有一个UMD兼容的javascript库（让我们称之为foo.js）我想在我的一个指令中导入。 <{1}}在npm上不可用，所以我无法安装它。

我为它创建了一个定义文件foo.js，但是如果我导入它，我会收到以下错误：

foo.d.ts

在我的指令中，我想像这样导入它：

// file: foo.d.ts
declare module 'foo' { export function bar(): void; };

  

运行时错误：无法找到模块＆＃39; foo＆＃39;

如果我只是将我在index.html中的文件作为脚本引用并将其用作全局变量（应该是我的最后手段），那么typescript编译器会大声说foo未定义。

我已经阅读了打字稿模块解析文档，看过很多关于如何从node_modules导入第三方库的博客文章，但我必须在这里遗漏一些简单的事情......

我的tsconfig文件如下所示：

// file: mydir.directive.ts
import * as foo from 'foo';
// ...
ngAfterContentInit() {
    foo.bar();
}