猫头鹰轮播不适用于 chrome 中的下一个 js 应用程序

如何解决猫头鹰轮播不适用于 chrome 中的下一个 js 应用程序

Owl carousel 在 chrome 中不适用于 NextJS 应用程序，但在 Firefox 中运行良好。这是脚本 -

// nextjsapp/pages/own.js

import React from 'react'
import Head from 'next/head'

function OwlCarousel() {
    return (
      <div id="wrapper">
        <div className="owl-carousel">
          <div> Your Content1 </div>
          <div> Your Content2 </div>
          <div> Your Content3 </div>
          <div> Your Content4 </div>
          <div> Your Content5</div>
          <div> Your Content6 </div>
          <div> Your Content7</div>
        </div>


        <Head>
            <link rel="stylesheet" href="/css/owl.carousel.min.css" />
            <link rel="stylesheet" href="/css/owl.theme.default.min.css" />                 
        </Head>

      <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
      <script src="/js/owl.carousel.min.js"></script>
      <script src="/js/custom.js"></script>

    </div>
    )
}

export default OwlCarousel;

// nextjsapp/public/js/custom.js

$(document).ready(function() {
  $('.owl-carousel').owlCarousel({
    loop: true,rewind:true,margin: 35,nav:true,autoplay:true,})
})

Chorme 输出：https://prnt.sc/10enqpu（不工作） Firefox 输出：https://prnt.sc/10enruc（工作）

owl.carousel 版本：Owl Carousel v2.3.4 jQuery 版本：jQuery v2.2.4

您能否帮助解决导致 Chrome 无法正常工作的问题的原因？