从现在到现在，在Angular版本9，这对我来说都是有效的

通过npm安装:npm i @types/jquery只需添加——save到全局设置。 转到tsconfig.app.json，在数组“types”中添加jquery。 发球完毕。

这对我来说很管用:

export var jQuery: any = window["jQuery"];

在安装jquery和@types/jquery(作为dev依赖项)后，使用以下导入:

import * as $ from "jquery";

对我来说，只有这样才有用。 (angular9)

2019年更新:

大卫的回答更准确。

Typescript支持第三方供应商库，这些库不使用Typescript进行库开发，使用DefinitelyTyped Repo。

你需要在你的组件中声明jquery/$，如果这些类型的类型检查tsLint是On的。

如。

declare var jquery: any;
declare var $: any;

对于Angular CLI V2+

npm install jquery --save
npm install @types/jquery --save

确保jquery在angular中有一个条目。Json ->脚本

...
    "scripts": [
        "node_modules/jquery/dist/jquery.min.js"
    ]
...

转到tsconfig.app.json，在“类型”中添加一个条目

{
    "extends": "../tsconfig.json",
    "compilerOptions": {
        "outDir": "../out-tsc/app",
        "types": ["jquery","bootstrap","signalr"]
    },
    "exclude": [
        "test.ts",
        "**/*.spec.ts"
    ]
}

步骤1。 我使用的是yarn，你可以安装jQuery & jQuery的类型下面的cmd。

yarn add jquery
yarn add @types/jquery -D

步骤2 在你的tsx文件中添加

import jquery from 'jquery';
const $: JQueryStatic = jquery;

步骤3: 你可以把jQuery添加到react组件中。

useEffect(() => {  
  $(() => {
    console.log("Hello JQuery!");
  });
}, []);