如何在TypeScript中使用jQuery

Question

我在尝试$(function(){     alert('Hello'); });它在Visual Studio中显示此错误：(TS) Cannot find name '$'.。如何在TypeScript中使用jQuery？

Answer 1

您很可能需要下载jQuery 的TypeScript声明文件并将其包括在jquery.d.ts项目中。

选项1：安装@types软件包（建议用于TS 2.0+）

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

npm install --save-dev @types/jquery

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

选项2：手动下载（不推荐）

在这里下载。

选项3：使用键入内容（TS 2.0之前的版本）

如果您使用的是打字，则可以通过以下方式包括它：

// 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-add "allowSyntheticDefaultImports": true在tsconfig.json。

还安装软件包吗？

如果您没有安装jquery，则可能要通过npm将其安装为依赖项（但这并非总是如此）：

npm install --save jquery

Answer 2

对于Visual Studio代码

对我而言，有效的方法是确保通过index.html中的<script>标记执行标准的JQuery库加载。

跑

npm install --save @types/jquery

现在，所有.ts文件中都可以使用JQuery $函数，无需任何其他导入。

Answer 3

就我而言，我必须这样做

npm install @types/jquery --save-dev // install jquery type as dev dependency so TS can compile properly

npm install jquery --save // save jquery as a dependency

然后在脚本文件中 A.ts

import * as $ from "jquery";

... jquery code ...