creativetimofficial/ct-argon-dashboard-pro

[Bug] error on console - Uncaught Error: no element is specified to initialize PerfectScrollbar

mzayn opened this issue · 4 comments

mzayn commented

Version

2.0.5

Reproduction link

https://demo.mzayn.my

Operating System

window 10

Device

desktop

Browser & Version

chrome - 104.0.5112.102

Steps to reproduce

  1. use template sign-in (auth) illustrator - not edit at all the template just remove the some link menu and add function sign-in that all.
  2. at local the menu all working but in the production drop down menu became small
  3. also the font became smaller.

What is expected?

im getting this

image

using argon-dashboard-pro-html-v2.0.5
how to fix ?

Uncaught Error: no element is specified to initialize PerfectScrollbar          perfect-scrollbar.min.js:15
    at new H (perfect-scrollbar.min.js:15:1208)
    at argon-dashboard.min.js?v=2.0.5:1:435
    at argon-dashboard.min.js?v=2.0.5:1:581
H @ perfect-scrollbar.min.js:15
(anonymous) @ argon-dashboard.min.js?v=2.0.5:1
(anonymous) @ argon-dashboard.min.js?v=2.0.5:1

What is actually happening?

effected on my drop down menu all freeze can click and font became smaller.


Solution

can help how - to fix this error got in production site at console chrome, and edge when browse.

Additional comments

Hello @mzayn,

Thank you for using our products, this error simply means that you are calling PerfectScrollbar on something that doesn't exist. Maybe you have erases some of these elements: main-content, sidenav, navbar-collapse, fixed-plugin.
If so, you can delete the initialization for it at the beginning of this file: assets/js/argon-dashboard.js (first function).
Hope this information helps you. Please let us know if we can help you with anything else.

All the best,
Stefan

mzayn commented

main-content, sidenav, navbar-collapse, fixed-plugin

  • where i can found this file ?

for assets/js/argon-dashboard.js
i was comment that function are correct ?

image

still not effected on my demo site.
thanks

Hello again,

You have to make sure that you are using the minified JS file in your project. Otherwise, you have to delete this function also from the minified one.

Cheers,
Stefan

mzayn commented

hi, i was delete that code. for main-content, sidenav, navbar-collapse, fixed-plugin in folder assets/js/argon-dashboard.js but the result still same.

  • header menu not working
  • font became smaller