How to integrate jQuery with TypeScript?

General Discussions
,
1

How to integrate jQuery with TypeScript?

I tried using jQuery in my TypeScript project with the following code:

$(function(){ 
    alert('Hello'); 
});

However, Visual Studio throws an error: (TS) Cannot find name ‘$’. How can I properly use jQuery with TypeScript and resolve this issue?

2

Install jQuery Types : npm install --save @types/jquery

After this, the error should be resolved, and TypeScript will recognize $.

This should help you :slight_smile:

3

You can also try to import Statement :

import * as $ from 'jquery';
$(function() {
  alert('Hello');
});
4

@shashank_watak @ishrth_fathima, you can also declare the variable in the global scope

Declare jQuery in Global Scope :
declare var $: any;
$(function() {
  alert('Hello');
});

This will tell TypeScript to treat $ as a global variable.