在 Typescript 中导入 jQuery 和其他库

Import jQuery & other libraries in Typescript

经过几天的研究和努力,我不得不在这里要求罚款,以澄清在 Typescript 中导入库的过程

我习惯于只添加标签,一切正常。 现在我正在尝试构建一个 MEAN-Stack 应用程序,我不知道它是如何与定义文件等一起工作的......

到目前为止我尝试了什么:

npm install jquery //terminal root: /project/angular-src
npm install @types/jquery //same directory here

然后我在我的一个 .ts 文件中导入 jQuery

import * as $ from 'jquery'; 

我尝试了几个变体(在项目文件夹中安装 jQuery 和 @types/jQuery 而不是 angular-src 文件夹)但是 none为我工作。我以为就这么简单,但也许我在这里遗漏了一些东西。我总是会遇到一些错误,例如 "Generic type 'xyz' requires x arguments"(其中 200 行)

希望你能帮我解释为什么这不起作用以及我如何让它起作用

PS:我之前在这里发现了类似的问题,但我并没有真正发现它们有帮助,因为我尝试了它们但没有成功

JQuery 和 Angular 是两个不同的东西,可以使用 Angular 或 JQuery。

事实上,您可以将 jQuery 与 TypeScript 一起使用。您需要下载位于 here.

的 jQuery 定义文件

下载后,将定义文件(在 v2 文件夹下,'index.d.ts' 文件)复制到您的 solution/project。

添加到您的项目后,您可以通过将此添加到 .ts 文件的顶部来引用 jQuery 定义文件:

///<reference path="../{your-location}/jquery.d.ts"/>

应该在您的 TypeScript 应用中启用 jQuery。