angular's definelytyped doesn't recognize JQueryStatic

Question

I have an error in the declaration file of angular:

TS2304: Cannot find name 'JQueryStatic'.

I do have the typings of jquery installed. There, JQueryStatic is declared as an interface.

How can I solve it?

Really need some code and context here. "When" do you get this error? In your IDE? When you run the code? Where did you install the typings? In node_modules/@types ? Because then you also need to add it in your tsconfig.: "typeRoots": ["node_modules/@types/"] — therebelcoder
– therebelcoder, Commented May 11, 2017 at 16:58

Marcos Dimitrio · Accepted Answer · 2019-07-12 20:01:00Z

8

Same problem with me. (Angular 6)

Here's how I resolved it:

Step 1: npm install jquery

Step 2: npm install --save-dev @types/jquery

Step 3: Go to file angular.json Add code below in scripts: [...]

"node_modules/jquery/dist/jquery.min.js"

Step 4: Go to file src/typings.d.ts Add code below

import "jquery";

declare var $: JQueryStatic;
declare var jQuery: JQueryStatic;

Now you can use $ or jQuery inside the typescript component.

Marcos Dimitrio

6,9306 gold badges42 silver badges64 bronze badges

answered Nov 27, 2018 at 3:57

bamossza

3,9922 gold badges32 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alon · Accepted Answer · 2017-05-11 17:28:04Z

1

I fixed it by adding a reference to jquery:

///<reference path="../jquery/index" />

answered May 11, 2017 at 17:28

Alon

12.2k28 gold badges106 silver badges176 bronze badges