Bootstrap-material-design 轮播控件部分工作，但出现区域感知错误答案

【问题标题】：Bootstrap-material-design carousel control partially working but got zone aware errorBootstrap-material-design 轮播控件部分工作，但出现区域感知错误
【发布时间】：2017-07-16 18:53:31
【问题描述】：

我手动下载了 bootstrap v4.0.0-alpha6 并将 bootstrap.min.js 以及 tether.min.js 和 jquery.min.js 放入 assets/js 中。还涉及Bootstrap-material-design。顺便说一下，使用 @angular/cli 1.0.0-rc0。

我只是复制示例轮播，然后将其粘贴到我的 app.component.html 中。

<section id="recomSite" class="carousel slide col-md-6" data-ride="carousel">
        <div class="carousel-inner" role="listbox">
          <div class="carousel-item active">
            <img class="d-block img-fluid" src="assets/images/pica.jpg" alt="First slide">
          </div>
          <div class="carousel-item">
            <img class="d-block img-fluid" src="assets/images/picb.png" alt="Second slide">
          </div>
          <div class="carousel-item">
            <img class="d-block img-fluid" src="assets/images/picc.jpg" alt="Third slide">
          </div>
        </div>
        <a class="carousel-control-prev" href="#recomSite" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#recomSite" role="button" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </section>

它在图片滑动时部分工作，但没有任何动画。每次按下一个或上一个按钮时，控制台都会出错。

未捕获：ZoneAwareError __zone_symbol__error：错误：轮播正在滑动在 h.next (http://localhost:4200/assets/js/bootstrap.min.js:6:7449) [……}

【问题讨论】：

你可以创建一个 plunker
plnkr.co/edit/vFIkcxByk37sDvrLsxdQ。它在 plunker 中运行良好。
它是固定的还是您需要帮助？
@Aravind 谢谢。我打算向您展示错误是如何出现的，但出乎意料的是它在 plunker 中运行良好。该错误不会出现在 vanilla bootstrap 中，只会出现在 bootstrap-material-design 中。现在我找到了解决办法。
好的。凉爽的。快乐编码:)

标签： html twitter-bootstrap angular bootstrap-4

【解决方案1】：

链接bootstrap material design库时，只涉及 bootstrap-material-design.iife.min.js。不要同时链接bootstrap-material-design.iife.min.js 和bootstrap.min.js。

删除行

<script src="assets/js/bootstrap.min.js"></script>

在 index.html 中修复了这个问题。

【讨论】：