Получение "Uncaught TypeError" на Slick Carousal

Question

Я использую Slick Carousal на веб-сайте.Функциональность работает нормально, но я получаю «Uncaught TypeError» в консоли.

Вот полный код с CSS: https://jsfiddle.net/sandeep816/Le8t3r0u/6/

jQuery(document).ready(function($) {
  $slick_slider = $('.sub-slider');
  settings = {
    dots: false,
    arrows: true,
    infinite: true,
    speed: 300,
    slidesToShow: 1,
    adaptiveHeight: true
  };

  if (jQuery(window).width() < 768) {
    $slick_slider.slick(settings);
  } else {
    if ($slick_slider.hasClass('slick-initialized'))
      $slick_slider.slick('unslick');
  }

  jQuery(window).on('resize', function() {
    if (jQuery(window).width() < 768) {
      $slick_slider.slick(settings);
    } else {
      //  console.log('rakk');
      if ($slick_slider.hasClass('slick-initialized'))
        $slick_slider.slick('unslick');
    }
  });
});

Похоже, что «unslick»вызывает проблему, но я новичок, чтобы решить ее самостоятельно.

Не могли бы вы помочь?

Спасибо!