Javascript 猫头鹰转盘不工作(js未加载)

Javascript 猫头鹰转盘不工作(js未加载),javascript,angular,owl-carousel,Javascript,Angular,Owl Carousel,我正在尝试将猫头鹰旋转木马滑块添加到我的angular 7项目中 问题是owl.carousel.js无法加载 我已经将其添加到angular.json->script[] 但不起作用 这是我的angular.json->脚本 "scripts": [ "src/assets/ltr/js/jquery-2.2.4.min.js", "src/assets/ltr/js/bootstrap.min.js", "s

我正在尝试将猫头鹰旋转木马滑块添加到我的angular 7项目中 问题是owl.carousel.js无法加载

我已经将其添加到angular.json->script[] 但不起作用

这是我的angular.json->脚本

"scripts": [
              "src/assets/ltr/js/jquery-2.2.4.min.js",
              "src/assets/ltr/js/bootstrap.min.js",
              "src/assets/ltr/js/themejs/libs.js",
              "src/assets/social-js/card.js",
              "src/assets/ltr/js/unveil/jquery.unveil.js",
              "src/assets/ltr/js/countdown/jquery.countdown.min.js",
              "src/assets/ltr/js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js",
              "src/assets/ltr/js/jquery-ui/jquery-ui.min.js",
              "src/assets/ltr/js/bootstrap-notify.min.js",
              "src/assets/ltr/js/themejs/application.js",
              "src/assets/ltr/js/themejs/homepage.js",
              "src/assets/ltr/js/themejs/so_megamenu.js",
              "src/assets/ltr/js/themejs/toppanel.js",
              "src/assets/ltr/js/owl-carousel/owl.carousel.js",
              "src/assets/ltr/js/crypto-js/CryptoJS.js"
            ]
和component.html

  <div id="so-slideshow">
    <div class="module slideshow--home8 no-margin" >
      <!-- <app-carousel [source]="sliderData" [imageDefault]="'1920x550.jpg'"></app-carousel> -->
      <div class="item">
        <a href="#"><img src="https://images.unsplash.com/photo-1490077476659-095159692ab5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" alt="slider1" class="img-responsive"></a>
      </div>
      <div class="item">
        <a href="#"><img src="https://images.unsplash.com/photo-1490077476659-095159692ab5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" alt="slider1" class="img-responsive"></a>
      </div>
      <div class="item">
        <a href="#"><img src="https://images.unsplash.com/photo-1490077476659-095159692ab5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" alt="slider1" class="img-responsive"></a>
      </div>
      <!--<div class="loadeding"></div>-->
    </div>
  </div>
</section>


它是这样显示的

一定是这样


如果不使用angular.json,请在index.html文件中添加此路径,如下所述:

JS路径

<script src="assets/ltr/js/owl-carousel/owl.carousel.js"></script>

CSS路径

<link rel="stylesheet" href="assets/ltr/css/owl.carousel.css">


或者确保你的路径是正确的。在您安装的软件包中检查它,并从那里复制确切路径。

是否向旋转木马添加CSS样式?否,但我将owl.carousel.CSS添加到angular.json->styles请共享一个工作堆栈Blitz演示非常糟糕的解决方案,不要在index.html中添加任何内联内容