[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.