在VS代码中使用TypeScript中的jQuery

Question

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

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

因此，智能感知非常有效:

但是打开页面，我得到了错误:“ReferenceError: $ is not defined”。

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

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

Answer 1

您的包安装在node_modules文件夹中。您需要以某种方式在页面上提供这些。目前只包含您自己的javascript代码（///

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

您有两种选择：

1. 只需在html中引用jquery脚本（您说过要避免的）
2. 使用构建工具（如webpack或browserify/tify）导入引用并更改///

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

顺便说一下，这并不是一个真正的类型脚本——如果使用普通js，您仍然需要使用带有导入语句的构建工具，或者将jquery库加载到您的页面上。