[Bug] PerfectScrollbar error

[cyril-tl]

Version

2.3.0

Reproduction link

https://demos.creative-tim.com/vue-paper-dashboard-pro/#/admin/overview

Operating System

Windows 10

Device

Lenovo Thinkpad

Browser & Version

Chrome & Version 89.0.4389.114 (Build officiel) (64 bits)

Steps to reproduce

1. Download project archive 2.Classic installation (npm install, etc)

   What is expected?

   Being able to scroll from top to bottom

   What is actually happening?

   Impossiblle to scroll on the page's content (for example, on the "Overview" page with some mock statistics and graphics)

Error in console:

SideBar.vue?2bde:105 Uncaught (in promise) TypeError: PerfectScroll.initialize is not a function at _callee$ (SideBar.vue?2bde:105) at tryCatch (runtime.js?96cf:62) at Generator.invoke [as _invoke] (runtime.js?96cf:296) at Generator.prototype. [as next] (runtime.js?96cf:114) at asyncGeneratorStep (asyncToGenerator.js?1da1:3) at _next (asyncToGenerator.js?1da1:25) _callee$ @ SideBar.vue?2bde:105 tryCatch @ runtime.js?96cf:62 invoke @ runtime.js?96cf:296 prototype. @ runtime.js?96cf:114 asyncGeneratorStep @ asyncToGenerator.js?1da1:3 _next @ asyncToGenerator.js?1da1:25 Promise.then (async)
asyncGeneratorStep @ asyncToGenerator.js?1da1:13 _next @ asyncToGenerator.js?1da1:25 eval @ asyncToGenerator.js?1da1:32 eval @ asyncToGenerator.js?1da1:21 initScrollBarAsync @ SideBar.vue?2bde:99 mounted @ SideBar.vue?2bde:109 invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854 callHook @ vue.runtime.esm.js?2b0e:4219 insert @ vue.runtime.esm.js?2b0e:3139 invokeInsertHook @ vue.runtime.esm.js?2b0e:6346 patch @ vue.runtime.esm.js?2b0e:6565 Vue._update @ vue.runtime.esm.js?2b0e:3948 updateComponent @ vue.runtime.esm.js?2b0e:4066 get @ vue.runtime.esm.js?2b0e:4479 run @ vue.runtime.esm.js?2b0e:4554 flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4310 eval @ vue.runtime.esm.js?2b0e:1980 flushCallbacks @ vue.runtime.esm.js?2b0e:1906 Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1933 nextTick @ vue.runtime.esm.js?2b0e:1990 queueWatcher @ vue.runtime.esm.js?2b0e:4402 update @ vue.runtime.esm.js?2b0e:4544 Vue.$forceUpdate @ vue.runtime.esm.js?2b0e:3969 eval @ vue.runtime.esm.js?2b0e:8200 wrappedHook @ vue.runtime.esm.js?2b0e:2235 invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854 invoker @ vue.runtime.esm.js?2b0e:2175 eval @ vue.runtime.esm.js?2b0e:7696 eval @ vue.runtime.esm.js?2b0e:336 end @ vue.runtime.esm.js?2b0e:7396 onEnd

---

Solution

Additional comments

[hovsmtpng]

I have a similar problem, perfect scrollbar doesn't work in my Vue Paper Dashboard template, anyone know how to fix it?

[hoanguel]

Hi, is there any fix for this issue yet?

[cyril-tl]

@hoanguel there wasn't any fix in two years, so I guess it will not happen on this project.