Jquery carousel method error in Angular2/typescript

Question

I have installed jquery and imported it properly.

Somewhere in my app, I have a line as below,

 $('#myCarousel').carousel("next");

When I do npm start, it throws below error

Property 'carousel' does not exist on type 'JQuery'.

in Typescript if do $('#myCarousel')., ** it shows appropriate **intellisense but this method is not listed.

If I comment that error generating line, do npm start everything works and then if I uncomment that line and refresh it, it will work.

Its a typescript compiling error. How to resolve it????

stackoverflow.com/questions/35148628/… Are you sure that it is tsc error? — yurzui
– yurzui, Commented Mar 25, 2017 at 16:46

Community · Accepted Answer · 2020-06-20 09:12:55Z

-1

After Angular's Final Release,

1) add following npm packages

  npm install --save-dev @types/jquery
  npm install --save-dev @types/bootstrap

2) in tsconfig.json add following entries in types array,

  "types": [
             "jquery",
             "bootstrap",  
           ]

And now you are good to go.

CommunityBot

11 silver badge

answered Mar 27, 2017 at 16:19

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

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