Property 'slider' does not exist on type 'JQuery' with typescript

Question

how to come out of this error?

 jQuery(this.el.nativeElement.children[0]).slider('option', optionName, this.value);

Error:

file: 'file:/slider_component/slider.component.ts'
severity: 'Error'
message: 'Property 'slider' does not exist on type 'JQuery'.'
at: '85,55'
source: 'ts'

Ain't Slider a part of JqueryUI? maybe check https://jqueryui.com/slider/ you might not have the JqueryUI included or in the wrong order. It will help if you create a snippet or show us your code — Carsten Løvbo Andersen, Feb 21 '17 at 09:38
Take a look here http://stackoverflow.com/questions/13980549/best-way-to-make-jquery-ui-with-typescript — Carsten Løvbo Andersen, Feb 21 '17 at 09:46
@CarstenLøvboAndersen yes i have done that, but vs code shows compile error — user2280016, Feb 21 '17 at 09:50
Where id you find `slider.component.ts` or did you make it yourself? — Carsten Løvbo Andersen, Feb 21 '17 at 09:52
https://github.com/matthieu-D/primefork/blob/80af31834fce49fb1ff0f0c347aca53709fe0584/components/slider/slider.ts — user2280016, Feb 21 '17 at 09:53

score 1 · Answer 1 · answered Oct 27 '17 at 01:49

1

Try adding this at the top of the component

declare let jQuery: any;

answered Oct 27 '17 at 01:49

Rolland Saf

91
1
3

score 0 · Answer 2 · answered Feb 21 '17 at 09:42

0

you should use the jQueryUI, you can get it at http://jqueryui.com/download/

jQuery itself doesn't have the slider property

answered Feb 21 '17 at 09:42

Paul Roefs

368
2
3
13

@user2280016 can you show me a little bit more code? – Paul Roefs Feb 21 '17 at 09:46
the function where .slider is being called – Paul Roefs Feb 21 '17 at 09:51
am using system.config.js is that the issue? – user2280016 Feb 21 '17 at 09:52
ngOnChanges(changes: { [key: string]: SimpleChange }) { if (this.initialized) { for (var key in changes) { jQuery(this.el.nativeElement.children[0]).slider('option', key, changes[key].currentValue); } } } – user2280016 Feb 21 '17 at 09:52
I have not worked with system.config.js yet but based on your error it seems like jQueryUI is not loaded. – Paul Roefs Feb 21 '17 at 10:02
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/136226/discussion-between-paul-roefs-and-user2280016). – Paul Roefs Feb 21 '17 at 10:10

score 0 · Answer 3 · answered Jun 17 '22 at 18:39

Adding jqueryui types to your project may resolve this issue. It did for me, I was using $(".abc").tabs(), and would receive a similar error. Adding the types via npm command below resolved. Note that you execute this command in your project root using cmd/terminal

npm i -D @types/jqueryui

Property 'slider' does not exist on type 'JQuery' with typescript

3 Answers3