将jQuery添加到tsconfig的类型字段中

Question

我想在Angular-TypeScript项目中使用jquery。因此，我安装了类似“ npm install @ type / jquery”的jquery。现在，当我尝试服务时说：

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

如何将jQuery添加到类型字段？

我的代码：

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应用程序的"jquery"文件的types数组中添加tsconfig.app.json（可能取决于您的Angular版本-最好在文档中查看）。

我可能会添加-如果您使用的是Angular，我会说最好不要使用jQuery。 Angular已经具备了一切能力。如果您想使用jQuery，则不需要一个完整的Angular应用程序。