Bootstrap4.1.3轮播组件鼠标悬停自动暂停，设置data-pause失效如何解决？

• 你现有编写的CSS代码和轮播悬停暂停的问题无关，无需调整
• 问题1：data-pause 属性赋值错误

Bootstrap 4.x 轮播组件的 data-pause 属性有效值仅为 hover（默认值，悬停时暂停轮播）、布尔值 false（悬停时不暂停轮播），你设置的 null 属于非法值，会直接导致轮播组件初始化失效。CSS的!important规则仅作用于页面样式，无法影响HTML数据属性的JS读取逻辑，所以添加后没有作用还会引发组件异常。
修复方式：给轮播根节点添加 data-pause="false" 属性

• 问题2：依赖脚本重复加载冲突

你已经在head部分通过CDN引入了版本匹配的jQuery、popper.js、Bootstrap JS脚本，又在body结束标签后重复引入了本地的jQuery和Bootstrap JS，两个不同来源的同类型脚本同时加载会导致轮播逻辑异常。
修复方式：删除body结束标签后的两行本地JS引入代码

修复后的轮播核心代码示例：

<div id="carouselSlidesOnly" class="carousel slide" data-ride="carousel" data-pause="false">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="w-100" src="https://www.w3schools.com/bootstrap/la.jpg" alt="1st slide">
    </div>
    <div class="carousel-item ">
      <img class="w-100"  src="https://www.w3schools.com/bootstrap/chicago.jpg"  alt="2nd slide">
    </div>
    <div class="carousel-item ">
      <img class="w-100" src="https://www.w3schools.com/bootstrap/ny.jpg" alt="3rd slide">
    </div>
  </div>
</div>

如果偏好通过JS手动配置轮播参数，可使用以下代码：

$('#carouselSlidesOnly').carousel({
  pause: false
})

内容的提问来源于stack exchange，提问作者Weyers de Lange