Ngx-admin: jQuery(...).slimScroll is not a function

[bigggge]

how to solve the problem

log like this:

error_handler.js:46EXCEPTION: Uncaught (in promise): Error: Error in ./BaMenu class BaMenu - inline template:1:64 caused by: jQuery(...).slimScroll is not a function
TypeError: jQuery(...).slimScroll is not a function
    at BaSlimScroll._destroy (http://localhost:3000/main.bundle.js:38500:48)
    at BaSlimScroll._scroll (http://localhost:3000/main.bundle.js:38493:14)
    at BaSlimScroll.ngOnChanges (http://localhost:3000/main.bundle.js:38490:14)
    at _View_BaMenu0.detectChangesInternal (BaMenu.ngfactory.js:118:52)
    at _View_BaMenu0.AppView.detectChanges (http://localhost:3000/vendor.bundle.js:36729:14)
    at _View_BaMenu0.DebugAppView.detectChanges (http://localhost:3000/vendor.bundle.js:36834:44)

[johntostring]

same problem.

can somebody help? -___-

[inankai]

同问。。解决了没？

[bigggge]

@inankai 没

[kyleap]

+1...........

[soates]

+1 - also getting this.

[mmdsharifi]

happen after clone, and npm install

Uncaught (in promise): Error: Error in ./BaMenu class BaMenu - inline template:1:64 caused by: jQuery(...).slimScroll is not a function

[mmdsharifi]

It solved.
Try install dependencies with npm and node with this specific versions:

$ node -v; npm -v
v5.0.0
3.10.9

[nnixaa]

@mmdsharifi thank for the info, on what version of npm/node you were getting the error?

[mmdsharifi]

You're welcome! @nnixaa
If try with node 6.x (yarn 0.15 or npm 3.x), you see the errors terminal and after lunch on port 3000 localhost, console error will happen.

[nnixaa]

Should be fine in the latest version.

[adibro500]

i am facing the same issue. someone plz help me.

[ducdk]

i am facing the same issue. someone plz help me.

[mangguoaidami]

@ducdk What meaning of 'plz'?

[Sachin124]

It's Working For Me

npm install jquery-slimscroll

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0"></script>
<script type="text/javascript" src="libs/jquery.slimscroll.min.js"></script>

[jcaes]

I have the same problem using django adminlte, the problem is django adminlte loads 'adminlte/lib/_scripts.html' at javascript block, you have to load jquery 1.9.0 and slimscroll after.

For example, I donwloaded slimscroll and then I have this on my base.html template:

{% block javascript %}
{% include 'adminlte/lib/_scripts.html' %}
{% endblock %}

{% block extra_foot %}


{% endblock %}

[rathodvikas]

Follow the below steps and it will work definitely.

1. use this npm: npm install jquery-slimscroll
2. Update Your .angular-cli.json file with below code

"scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/jquery-slimscroll/jquery.slimscroll.min.js"
      ],

1. html Structure

<div id="content">
<p>Lorem ipsum dolor sit amet, consectetur .... snip</p>
</div>

1. Use following slimscroll

$('#content').slimScroll({
        height: '250px',
        color:'#F44336'
    });

[Way-U-Need]

+1
getting samwe issue in react any updates?