外部JavaScript在Angular 5中无法正常工作

嗨，我想在第五节帮忙。我正在使用外部java脚本文件，而不使用Owl.Carousel的节点模块。但是猫头鹰旋转木马坏了。在

angular cli.json

中，我可以像这样链接我的js文件

“脚本”：[
“//assets/js/jquery-2.2.4.min.js”，
“//assets/js/Owl.Carousel.js”，
“//assets/js/slick.min.js”，
“//assets/js/active.js”
]，

Angular团队建议不要将jQuery与Angular一起使用。jQuery最初被设计为一个DOM操作库，Angular团队说这是一种不推荐的做法

我通常对Carrousel使用引导指令：

它的使用非常简单，您可以创建令人惊叹的结果：

 <ngb-carousel>
  <ng-template ngbSlide>
    <img src="https://lorempixel.com/900/500?r=1" alt="Random first slide">
    <div class="carousel-caption">
      <h3>First slide label</h3>
      <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
    </div>
  </ng-template>
  <ng-template ngbSlide>
    <img src="https://lorempixel.com/900/500?r=2" alt="Random second slide">
    <div class="carousel-caption">
      <h3>Second slide label</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </div>
  </ng-template>
  <ng-template ngbSlide>
    <img src="https://lorempixel.com/900/500?r=3" alt="Random third slide">
    <div class="carousel-caption">
      <h3>Third slide label</h3>
      <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
    </div>
  </ng-template>
</ngb-carousel>

第一张幻灯片标签
自由精英的生命，自由的法雷特拉·奥古斯·莫利斯

第二张幻灯片标签
Lorem ipsum dolor sit amet，是一位杰出的献身者

第三张幻灯片标签
这是一个伟大的共产主义者

您可以将外部JS和CSS添加到资产文件夹，并在

.angular cli.json

中链接它们，如下所示：

assets/js/my-js-file.js

如果文件链接正确，则必须在

AfterViewInit

生命周期挂钩中初始化旋转木马

工作示例：

---

因为Angular团队不鼓励开发人员在应用程序中使用javascript。如果没有其他解决方案，您可以使用它 你的文件路径应该是这样的

<script src="assets/js/jquery-2.2.4.min.js"></script>
<script src="assets/js/Owl.Carousel.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/active.js"></script>

尝试

assets/js/jquery-2.2.4.min.js

和

angular cli.json

中的另一个链接我也在angular-cli.json中链接了我的文件，但不起作用..然后我将文件放在了index.html中，在tag之前您是否查看了开发工具中的网络部分，这些文件加载成功与否？@SamMalik:请用工作示例检查更新后的答案。