Module 'ya.nouislider' is not available

[nmckeown]

Hi Yankovsky/Users,

Looks like a great plug in and is perfect for something I require.
I am having an issue installing though!

I can see it installed the libraries:

\www\assets\lib>
nouislider
nouislider-angular

I referenced the min.js and css in index.html.

index.html:

<script src="./assets/lib/nouislider/distribute/nouislider.min.js"></script>

Inject the module in app.js

app.js:
var app = angular.module('MyApp', [
'ionic',
'ngRoute',
'ya.nouislider'
]);

All files are saved but I am getting an injection error:

Error: [$injector:modulerr] Failed to instantiate module ya.nouislider due to:
Error: [$injector:nomod] Module 'ya.nouislider' is not available

The references in index.html are good as I can open them from editor. Is the module name correct?
Do I need to reference the js file in nouislider-angular folder?

Appreciate any assistance as not sure what I'm doing wrong!!

Thanks,
Noel

[Yankovsky]

Check the order of scripts, nouislider script should be before app.js

[Yankovsky]

@nmckeown ^

[nmckeown]

Hi Andrey,

Thanks for getting back to me, was pretty simple actually, you need to include the js file from the nouislider-angular folder. This is not specifically referenced in the example.

<script src="./assets/lib/nouislider-angular/nouislider.min.js"></script>

I was using:

<script src="./assets/lib/nouislider/distribute/nouislider.min.js"></script>

The order before or after app.js seems ok, the error is gone now so hopefully all ok :-)

Thanks again for putting this together, looks great.

[nmckeown]

Actually you need both like so:

<script src="./assets/lib/nouislider/distribute/nouislider.min.js"></script> <script src="./assets/lib/nouislider-angular/nouislider.min.js"></script>

[Arti3DPlayer]

have same error with npm

[fix2015]

same pb

[Yankovsky]

@fix2015 @Arti3DPlayer @nmckeown I've added information about dependencies of this directive
https://github.com/Yankovsky/nouislider-angular/blob/master/examples/index.html

Does it solve your issue?