$(...).sideNav is not a function

Question

I have just downloaded mdbootstrap. Upon following the instructions for implementing a side-nav on my webpage I get the following error when I try to initialize it:

Uncaught TypeError: $(...).sideNav is not a function at index.html:133).

Kindly help. I have tried rearranging the order of my files but this doesn't seem to help.

<script type="text/javascript" src="js/mdb.min.js"></script>
<script>
  $(".button-collapse").sideNav();

  var sideNavScrollbar = document.querySelector('.custom-scrollbar');
  Ps.initialize(sideNavScrollbar);  
</script>

Answer 1

Watch out, the sideNav component is only for pro users. Perhaps you try to import a premium component with the "cheap" version of mdbootstrap