在 VS Code 中的 TypeScript 中使用 jQuery

Posted 2023-03-13

【中文标题】在 VS Code 中的 TypeScript 中使用 jQuery

【英文标题】：Use jQuery in TypeScript in VS Code

【发布时间】：2018-09-12 13:02:09

【问题描述】：

我正在尝试将 jQuery 添加到 Visual Studio Code 中的 TypeScript 项目中。目标是通过 $ 使用它，就像我在纯 javascript 中所做的那样，而不在我的 html 的头部提供 jQuery 标记。

我在项目中安装了我的 jquery 及其定义：

因此，$ 和智能感知就像一个魅力：

但打开页面时出现错误：“ReferenceError: $ is not defined”。

我已经阅读了几个相关主题，包括this，但是关于Visual Studio的问题，最后一个答案还建议通过html中的标签加载jQuery，这是我试图避免的。

那么我如何告诉 ts 编译器包含 jQuery 呢？我无法导入它，因为 jQuery 中没有导出。我是否遗漏了 tsconfig.json 中的某些内容？

【参考方案1】：

您的软件包安装在 node_modules 文件夹中。您需要以某种方式在页面上提供这些服务。就目前而言，页面上仅包含您自己的 javascript 代码（/// <reference path='...' 样式参考仅在设计时进行）。

您还需要包含 jquery 库以避免运行时错误。

你有几个选择：

只需在您的 html 中引用 jquery 脚本（您说过要避免的事情） 使用诸如 webpack 或 browserify/tsify 之类的构建工具来导入您的引用并将 /// <reference path='...' 引用更改为 import * as $ from "jquery"; 在这种情况下，捆绑程序会将导入的脚本添加到您输出的 js 文件中

更多信息在这里：http://www.typescriptlang.org/docs/handbook/integrating-with-build-tools.html

顺便说一句，这并不是真正的打字稿——如果使用纯 js，您仍然需要使用带有 import 语句的构建工具，或者将 jquery 库加载到您的页面上。