How to use jQuery Plugin with Angular 5 and TypeScript 2.8.1?

Question

I want to import jQuery in an Angular 5 project using TypeScript 2.8.1. I follow Ervin Llojku solution but this does not the trick :

Install jquery with npm
npm install --save jquery
Install jquery with npm
npm install --save-dev @types/jquery
Add scripts to .angular-cli.json
"apps": [{
  ...
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
  ],
  ...
}]

I also try to add these imports in app.module.ts or in component :

import * as $ 'jquery';

Whatever I try TypeScript compiler throws this error :

Error:(7, 15) TS2497: Module ''jquery'' resolves to a non-module entity and cannot be imported using this construct.

Bludwarf · Accepted Answer · 2018-04-23 21:37:12Z

0

I have followed another answer and I replaced

import * as $ 'jquery';

with

import 'jquery';

in app.module.ts and everything seems to be OK.

Still I don't know if this error was due to Angular 5 or TypeScript 2.8.1...

or maybe to the tsconfig.json generated by Angular :

"compilerOptions": {
  "moduleResolution": "node",
}

answered Apr 23, 2018 at 21:37

Bludwarf

9109 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

How to use jQuery Plugin with Angular 5 and TypeScript 2.8.1?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related