Cannot find name 'jquery' in angular2

Question

I am working on to use the ng2-datetime. Installed through npm, but when I build the solution, I am getting an error that cannot find name 'jQuery'.

I have added the jQuery through npm and also tried to include the jquery library, but the issue still persists. Can anyone tell what else to include? I'm using angular 2.2 with typescript and my IDE is VS2015

app.module.ts

just added the import statement

import { NKDatetimeModule } from 'ng2-datetime/ng2-datetime';

and under imports

@NgModule({
    imports:[NKDatetimeModule ])}

Need more information - are you using Angular-cli? Are you using typescript? Where and when do you get the error? — Zoidy
– Zoidy, Commented Dec 6, 2016 at 11:58
@anshuVersatile yes I have added <script src="Scripts/jquery-3.1.1.js"></script> — user3510028
– user3510028, Commented Dec 6, 2016 at 11:59

Tomas Marik · Accepted Answer · 2017-01-22 11:19:59Z

94

3 Steps:

Install jQuery. (skip if already installed)
```
npm install jquery --save
```
Install types for jQuery.
```
npm install @types/jquery --save
```
Import jQuery in app.module.ts.
```
import * as $ from 'jquery';
```

answered Jan 22, 2017 at 11:19

Tomas Marik

4,1034 gold badges34 silver badges65 bronze badges

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

3 Comments

Christoph Over a year ago

Step #3 does not seem to be necessary.

DiscoPapa Over a year ago

Nah, the step #3 IS important or at least it was important for me and it was exactly what was missing! When not including it, my angular CLI would not compile and throw me an error saying "Cannot find name '$'." Here this topic is also being discussed if anyone is interested. A lot of developers seem to have the same problem.

tom Over a year ago

@AlexRebula This I can confirm. I installed types, still, without step #3 the compiler was missing the dollars :)

user3510028 · Accepted Answer · 2017-07-08 10:42:10Z

18

I got it working by installing @types/jquery from npm.

edited Jul 8, 2017 at 10:42

user663031

answered Dec 6, 2016 at 12:40

user3510028

5832 gold badges4 silver badges14 bronze badges

1 Comment

Llyle Over a year ago

And ensure that your tsconfig specifies "types": ["jquery"].

Smaillns · Accepted Answer · 2017-10-09 16:45:04Z

10

after installing jQuery

npm install jquery --save

and the jQuery TypeScript autocomplete

npm install @types/jquery --save-dev

now you have to add this reference "../node_modules/jquery/dist/jquery.min.js" to the Angular-cli.json file at the root of your angular Cli folder inside the Scripts: [] property. after that, jQuery will be available for you as a global variable, Great!

answered Oct 9, 2017 at 16:45

Smaillns

3,2854 gold badges39 silver badges63 bronze badges

Comments

Ignatius Andrew · Accepted Answer · 2016-12-06 14:13:07Z

2

Its because your typings for jquery is not found, Use the following Command

typings install dt~jquery --save --global

If you want to save as a dependency remove "--global" flag

answered Dec 6, 2016 at 14:13

Ignatius Andrew

8,2643 gold badges56 silver badges54 bronze badges

Comments

user3817773 · Accepted Answer · 2018-06-11 18:34:52Z

0

For me this method worked:

npm install jquery --save
npm install @types/jquery --save-dev
Adding jquery in angular.cli.json/angular.json, also check the path of jquery.min.js :

“scripts”: [ “../node_modules/jquery/dist/jquery.min.js”, “../node_modules/bootstrap/dist/js/bootstrap.js”]

Ensure bootstrap dependency is after jquery, if you are using bootstrap.

In app.component.ts file: declare var $: any;

answered Jun 11, 2018 at 18:34

user3817773

1

Comments

MPV · Accepted Answer · 2021-05-22 04:42:31Z

0

Updating typescript@latest also worked

answered May 22, 2021 at 4:42

MPV

4055 silver badges10 bronze badges

Collectives™ on Stack Overflow

Cannot find name 'jquery' in angular2

6 Answers 6

3 Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related