sideNav problem

Hi I've updated to 4.17, made no changes to code but for some reason sideNav and dropdowns don't work?

The only error I get is Uncaught TypeError: $(...).sideNav is not a function ?

The code for the sideNav is as follows :

$(document).ready(function () {

        $(".button-collapse").sideNav();

        var sideNavScrollbar = document.querySelector('.custom-scrollbar');
        var ps = new PerfectScrollbar(sideNavScrollbar);

        $('.button-collapse').sideNav({
        edge: 'left',
        slim: false,
        closeOnClick: false,
        breakpoint: 1440,
        menuWidth: 280,
        timeDurationOpen: 300,
        timeDurationClose: 300,
        timeDurationOverlayOpen: 50,
        timeDurationOverlayClose: 200,
        easingOpen: 'easeOutQuad',
        easingClose: 'easeOutCubic',
        showOverlay: true,
        showCloseButton: false
      });
     });

and the Dropdown html is as it always was.... any suggestions? Are there new requirements to use them in the new version?

Cheers Shaun