owlCarousel 不是 rails 应用程序中的函数

问：

我有一个 rails 应用程序，我试图使用猫头鹰轮播来显示带有图像的推荐列表。我想我已经正确设置了一切，但我仍然收到控制台错误“猫头鹰旋转木马不是一个功能”。

我已经正确安装了 gemfile。

gemfile

gem 'owlcarousel-rails'

我很确定我已将所有内容加载到应用程序.js中。app/assets/javascripts/application.js

import "@hotwired/turbo-rails";
import "controllers";
import 'owl.carousel';

//= require_tree .
//= require jquery
//= require owl.carousel
//= require jquery_ujs
//= require turbolinks

与应用程序 scss 文件相同：app/assets/stylesheets/application.scss

@import "bulma";
@import "font-awesome";
@import "owl.carousel";
@import "../stylesheets/main/main.scss";

 *
 //= require jquery
 //= require jquery_ujs
 *= require_self
 *= require owl.carousel
 */

这是我的主要观点，我有旋转木马。app/views/main/index.html.erb

<section class="testimonials-carousel-container">
  <div class="testimonials-carousel">
    <div id="owl-carousel">
      <div class="carousel-of-images">
        <div class="carousel-image">Item</div>
        <div class="carousel-image">Item</div>
        <div class="carousel-image">Item</div>
        <div class="carousel-image">Item</div>
        <div class="carousel-image">Item</div>
      </div>
      <div class="gradient-left"></div>
      <div class="gradient-right"></div>
    </div>
  </div>
</section>

控制轮播的功能：app/assets/javascripts/testimonials.js

$(document).ready(function () {
  $("#owl-carousel").owlCarousel();
});

最后，我在底部导入：testimonials.jsapp/views/main/index.html.erb

<%= javascript_include_tag "testimonials" %>

我还注意到我的 JS 输出中有大量警告，包括“owlCarousel 不是函数”错误。我不确定其他一些警告是否对此产生影响。