javascript - 将 `jquery` 添加到 tsconfig 中的 types 字段

Question

我想在我的 Angular-TypeScript 项目中使用 jquery。所以我像“npm install @type/jquery”一样安装了jquery。现在，当我尝试提供服务时，它说:

错误 TS2592:找不到名称“$”。您需要安装 jQuery 的类型定义吗？尝试 npm i @types/jquery ，然后将 jquery 添加到 tsconfig 中的 types 字段。

如何将 jquery 添加到 types 字段？

我的代码:

let settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://api.com/getSomething",
  "method": "POST",
  "headers": {
    "x-rapidapi-host": "xxx",
    "x-rapidapi-key": "xxx",
    "content-type": "xxx"
  },
  "data": {}
}

$.ajax(settings).done(function (response) {
  console.log(response);
});

Answer 1

错误消息中对此进行了很好的解释。如果您想使用 TS，并使用 jQuery，则需要 jQuery 的类型。您可以通过在项目中运行 npm i @types/jquery 来实现此目的。

然后，您需要在 Angular 应用程序中的 tsconfig.app.json 文件的 types 数组中添加 "jquery" (可能取决于您的 Angular 版本 - 最好查看文档)。

我可以补充一下 - 如果您使用 Angular，我会说最好不要使用 jQuery。 Angular 已经能够胜任一切。如果您想使用 jQuery，则没有必要使用整个 Angular 应用程序。