Perfect Scroll bar error no element is specified to initialize PerfectScrollbar on windows

javascript reactjs windows perfect-scrollbar
Johnny Martin picture Johnny Martin · Jun 6, 2019 · Viewed 7.3k times · Source

I am getting this error on server start on react js.

Error: no element is specified to initialize PerfectScrollbar

However it is working fine on friend MAC OS. I am using windows.

I am using this version: "perfect-scrollbar": "^1.4.0",

Answer

groovyDynamics picture groovyDynamics · Apr 15, 2020

Quite old question but I'll post my solution since I had the same problem. I was having the same error message:

Error: no element is specified to initialize PerfectScrollbar

In my case, it seems that I was calling PerfectScrollbar on an element that didn't exist. I had:

const asideBody = new PerfectScrollbar('.aside-body', {
    suppressScrollX: true
});

And I was having the error in the pages I didn't have any element in the DOM with class="aside-body".

So I managed to only call PerfectScrollbar in the appropriate pages.

Related questions

Loop inside React JSX

I'm trying to do something like the following in React JSX (where ObjectRow is a separate component): <tbody> for (var i=0; i < numrows; i++) { <ObjectRow/> } </tbody> I realize and understand why this isn't …

Read More
"SyntaxError: Unexpected token < in JSON at position 0"

In a React app component which handles Facebook-like content feeds, I am running into an error: Feed.js:94 undefined "parsererror" "SyntaxError: Unexpected token < in JSON at position 0 I ran into a similar error which turned out to be a …

Read More
Show or hide element in React

I am messing around with React.js for the first time and cannot find a way to show or hide something on a page via click event. I am not loading any other library to the page, so I am …

Read More