jquery - 在 VS Code 的 TypeScript 中使用 jQuery

Question

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

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

因此，$ 和 intellisense 的工作就像一个魅力:

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

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

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

Answer 1

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

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

你有几个选择:

1. 只需在您的 html 中引用 jquery 脚本(您说过要避免的事情)
2. 使用 webpack 或 browserify/tsify 等构建工具导入您的引用并更改 /// <reference path='...'引用import * as $ from "jquery";在这种情况下， bundler 会将导入的脚本添加到输出的 js 文件中

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

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