typescript problem with jquery type definition

Question

I use Angular 9 universal, Typescript version ~3.7.5 and I installed both jQuery and its type definition using:

npm i jquery npm i @types/jquery

Then I added jQuery in the types field in the tsconfig file. However after I run the app I still get this error:

Cannot find name '$'. Do you need to install type definitions for jQuery? Try "npm i @types/jquery" and then add "jquery" to the types field in your tsconfig.`

What is the problem here?

Did you ran npm i jquery npm i @types/jquery this in one line or one after another. — palaѕн
– palaѕн, Commented Mar 26, 2020 at 14:03

Vaibhav Bhuva · Accepted Answer · 2020-03-26 14:16:58Z

1

Install jQuery

npm install --save jquery

Install jQuery Definition

npm install -D @types/jquery

than include jquery in a component like this

import * as $ from 'jquery';

Example:

$(selector).hide();

OR

declare var jQuery: any;

Example:

jQuery(selector).hide();

edited Mar 26, 2020 at 14:16

answered Mar 26, 2020 at 14:10

Vaibhav Bhuva

4554 silver badges16 bronze badges

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

6 Comments

roya Over a year ago

How do you know about defining a $ variable? there is no source for it.

roya Over a year ago

I tried it, and there was no error at compile time but there is one at runtime: ` core.js:5871 ERROR TypeError: $ is not a function`

Vaibhav Bhuva Over a year ago

@roya Which solution first or second? If first then please replace “$” with “jQuery” in the script. I had the same error and fixed it or try with the second solution.

roya Over a year ago

Depending on angular.io/guide/using-libraries, I added the associated script and css files to the "scripts" and "styles" array in angular.json. then i used $("p").tooltip();

Vaibhav Bhuva Over a year ago

Please check this link: angularjswiki.com/angular/…

|

Collectives™ on Stack Overflow

typescript problem with jquery type definition

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related