jquery类型定义的打字稿问题

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?

Answer 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();