Bootstrap 4 carousel 不适用于 netlify

如何解决Bootstrap 4 carousel 不适用于 netlify

我只是使用 Bootstrap 4 创建一个带有轮播的页面，并在 netlify 上托管这些页面。出于某种原因，它似乎不起作用，但在我的本地主机中运行良好。即使我按下按钮，它也不会自动切换幻灯片。

谁能帮帮我？提前谢谢你

<section id="showcase">
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
          </ol>
          <div class="carousel-inner">
            <div class="carousel-item carousel-image-1 active">
                <div class="carousel-caption d-none d-sm-block text-right mb-5">
                  <h1 class="display-3 text-info">Healthy</h1>
                  
                </div>
          
            </div>
    
            <div class="carousel-item carousel-image-2">
                <div class="carousel-caption d-none d-sm-block mb-5">
                  <h1 class="display-3 text-info">Laughing</h1>
                  
                </div>
            </div>
    
            <div class="carousel-item carousel-image-3">
              
                <div class="carousel-caption d-none d-sm-block text-right mb-5">
                  <h1 class="display-3 text-info">Confident</h1>
                  
                </div>
              
            </div>
            <div class="carousel-item carousel-image-4">
                  <div class="carousel-caption d-none d-sm-block text-right mb-5">
                    <h1 class="display-3 text-info">Exercise</h1>
                    
                  </div>
              </div>
              
          </div>
    
          <a href="#myCarousel" data-slide="prev" class="carousel-control-prev">
            <span class="carousel-control-prev-icon"></span>
          </a>
    
          <a href="#myCarousel" data-slide="next" class="carousel-control-next">
            <span class="carousel-control-next-icon"></span>
          </a>
        </div>
      </section>


<script>
     
      // Configure Slider
      $('.carousel').carousel({
        interval: 3000,pause: 'hover'
      });
  
    </script>