Javascript Jquery/Bootstrap"；未捕获类型错误“；使用旋转木马时

我一直在努力实现一个简单的图像转盘到这个网站上，我正在做。现在这是一个非常基本的页面，这是我链接CSS和Java脚本的顺序

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

我理解首先链接jquery的重要性，这就是我所做的。这就是我的旋转木马代码的外观

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
  <div class="carousel-item active">
    <img class="d-block w-100" src="img/badminton.jpg" alt="Badminton">
  </div>
  <div class="carousel-item">
    <img class="d-block w-100" src="img/football1.jpg" alt="Football">
  </div>
  <div class="carousel-item">
    <img class="d-block w-100" src="img/pool.jpg" alt="Pool">
  </div>
</div>

正如你所看到的，我基本上是从他们的网站上复制了一个，只是为了让它工作。我的第一个图像加载，但试图点击箭头到下一个给我以下错误

---

我在网上查看过，对于哪个版本的引导应该与哪个jquery一起使用，似乎没有达成共识。非常感谢您的帮助。

我建议的唯一更改是从幻灯片的类名中删除“carousel”一词，如下所示：

<div class="item active">

<div class="item">

就像这样：

<div class="item active">

<div class="item">

---

这适用于引导程序3.3.7。我还没有复习4.0。

您需要一个新版本的引导。请尝试我的代码

文件
[没有错误][1]

这项技术非常有效，非常感谢，一个简单的旋转木马实现是多么的笨拙，看起来很容易被戳破，再次感谢！