Javascript 未捕获的TypeError:jQuery（…）。slickLightbox不是函数

我想给我的滑条加一个灯箱。但当我实现它时，控制台显示Lightbox并没有任何功能

未捕获的TypeError:jQuery（…）。slickLightbox不是函数

我怎样才能解决这个问题

请看下面我的代码。我在用shopify。CSS文件包含在

中，应该没有问题

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-lightbox/0.2.12/slick-lightbox.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css"  />

{%用于product.images%中的图像}
{%endfor%}
{%用于product.images%中的图像}
{%endfor%}
jQuery（文档）.ready（函数（）{
jQuery（“.slider for”）.slick({
幻灯片放映：1，
幻灯片滚动：1，
箭头：错，
是的，
asNavFor:“.slider nav”，
{%comment%}
自适应高度：正确，
{%endcomment%}
});
jQuery（“.slider for”）.slickLightbox（）；
});
jQuery（文档）.ready（函数（）{
jQuery（“.slider nav”）.slick({
幻灯片放映：5，
幻灯片滚动：1，
asNavFor:“。滑块用于”，
点：是的，
centerMode：对，
焦点选择：正确
});
});

缺少插件的最常见原因是，在包含插件之后，您又包含了第二个jQuery实例。检查呈现的HTML（查看页面源代码）中链接另一个jQuery的

标记file@Phil谢谢你！这就是问题所在。我找到了Java脚本中加载另一个Jquery实例的部分。但是我现在该怎么解决这个问题呢？删除此零件后，另一个功能将崩溃。是否仍然需要再次“卸载”脚本？或者你有什么建议？缺少插件最常见的原因是，在包含插件之后，您又包含了第二个jQuery实例。检查呈现的HTML（查看页面源代码）中链接另一个jQuery的

标记file@Phil谢谢你！这就是问题所在。我找到了Java脚本中加载另一个Jquery实例的部分。但是我现在该怎么解决这个问题呢？删除此零件后，另一个功能将崩溃。是否仍然需要再次“卸载”脚本？或者你推荐什么？

<div class="slider-for" style="margin-bottom: 30px;">
    {% for image in product.images %}
      <div>
        <img class="mySlides" src="{{ image | img_url: 'master' }}" style="width:90%; margin-left: auto;
  margin-right: auto; " >
      </div>
    {% endfor %}
  </div>

<div class="slider-nav" style="margin-bottom: 30px; margin-left: auto;
  margin-right: auto; width: 90%" >
    {% for image in product.images %}
      <div>
        <img class="mySlides" src="{{ image | img_url: 'master' }}" style="width:90%; margin-left: auto;
  margin-right: auto;" >
      </div>
    {% endfor %}
  </div>

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/slick-lightbox/0.2.12/slick-lightbox.js"></script>


<script type="text/javascript">
    jQuery(document).ready(function(){
      jQuery(".slider-for").slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  asNavFor: '.slider-nav',
        {% comment %}
  adaptiveHeight: true,
        {% endcomment %}
});
      jQuery(".slider-for").slickLightbox();
    });
  </script>

<script type="text/javascript">
    jQuery(document).ready(function(){
      jQuery(".slider-nav").slick({
  slidesToShow: 5,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: true,
  centerMode: true,
  focusOnSelect: true
        });
    });
  </script>