如何在typescript文件中导入没有定义文件的js库

Question

随着项目变得越来越大,我想从JavaScript切换到TypeScript以帮助进行代码管理.然而,我们使用许多库作为amd模块,我们不想将其转换为TypeScript.

我们仍然希望将它们导入TypeScript文件,但我们也不想生成定义文件.我们怎样才能做到这一点？

例如新的Typescript文件:

/// <reference path="../../../../definetelyTyped/jquery.d.ts" />
/// <reference path="../../../../definetelyTyped/require.d.ts" />
import $ = require('jquery');
import alert = require('lib/errorInfoHandler');

这lib/errorInfoHandler是一个amd模块,包含在我们不想触及的巨大JavaScript库中.

使用上面的代码会产生以下错误:

Unable to resolve external module ''lib/errorInfoHandler'' 
Module cannot be aliased to a non-module type.

这实际上应该产生以下代码:

define(["require", "exports", "jquery", "lib/errorInfoHandler"], function(require, exports, $, alert) {
...

}

有没有办法将JavaScript库作为amd模块导入TypeScript,并在TypeScript文件中使用它而不制作定义文件？

Answer 1

这里给出的2个答案的组合对我有用.

//errorInfoHandler.d.ts
declare module "lib/errorInfoHandler" {
   var noTypeInfoYet: any; // any var name here really
   export = noTypeInfoYet;
}

我还是TypeScript的新手,但看起来这只是一种告诉TypeScript通过导出一个没有类型信息的虚拟变量而离开的方法.

编辑

在这个答案的评论中已经注意到,通过简单地声明,您可以获得相同的结果:

//errorInfoHandler.d.ts
declare module "*";

请在此处查看github评论.

Answer 2

使用以下内容创建您自己的定义文件：

declare module "lib/errorInfoHandler" {}

并在要使用导入的位置引用此文件。

或者将以下行添加到文件顶部：

/// <amd-dependency path="lib/errorInfoHandler">

注意：我不知道后者是否仍然有效，这就是我最初处理缺失的 AMD 依赖项的方式。另请注意，使用此方法您将无法获得该文件的 IntelliSense。