typescript - 如何在 TypeScript 中使用 jQuery

Question

我在努力

$(function(){ 
    alert('Hello'); 
});

它在 Visual Studio 中显示此错误:(TS) 找不到名称“$”。。如何将 jQuery 与 TypeScript 结合使用？

Answer 1

您很可能需要下载并包含 TypeScript declaration file对于 jQuery— jquery.d.ts —在您的项目中。

选项 1:安装 @types 包(推荐用于 TS 2.0+)

在与您的 package.json 文件相同的文件夹中，运行以下命令:

npm install --save-dev @types/jquery

然后编译器将自动解析 jquery 的定义。

选项 2:手动下载(不推荐)

下载here .

选项 3:使用类型(TS 2.0 之前)

如果您使用 typings那么你可以这样包含它:

// 1. Install typings
npm install typings -g
// 2. Download jquery.d.ts (run this command in the root dir of your project)
typings install dt~jquery --global --save

---

设置定义文件后，在所需的 TypeScript 文件中导入别名 ($) 以像往常一样使用它。

import $ from "jquery";
// or
import $ = require("jquery");

您可能需要使用 --allowSyntheticDefaultImports 进行编译——在 tsconfig.json 中添加 "allowSyntheticDefaultImports": true。

还要安装软件包吗？

如果您没有安装 jquery，您可能希望通过 npm 将其作为依赖项安装(但情况并非总是如此):

npm install --save jquery