Javascript $（…）.modal不是Booststrap 3和Rails 5的函数

我试图使用Bootstrap的modal向我的页面添加一个modal，但是下面的代码给出了这个错误：UncaughtTypeError:$..modal不是一个函数。我希望在用户到达页面时显示模式。注意，如果我添加一个触发模式的按钮，它会工作，但这不是我想要的

application.js

//= require turbolinks
//= require jquery
//= require jquery_ujs
//= require bootstrap-sprockets
//= require underscore
//= require gmaps/google
//= require_tree .
//= require owlcarousel2/owl.carousel

Gemfile

gem 'bootstrap-sass'
gem 'font-awesome-sass'
gem 'simple_form'
gem 'autoprefixer-rails'
gem 'jquery-rails' 

index.html.erb

  <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body&hellip;</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script type="text/javascript">
  $('#myModal').modal('show')
</script>

---

你错过了这一步。您必须将app/assets/stylesheets/application.css重命名为app/assets/stylesheets/application.css。然后，我们可以在新重命名的application.css.sass文件中导入引导资产

// app/assets/stylesheets/application.css.sass

...

@import "bootstrap-sprockets"
@import "bootstrap"

并使用以下命令：

$(document).ready(function() {
  $('#myModal').modal('show');
}) 

---

Bootstrap实际上是有效的，只是手动编写的JS部分没有。我有一个application.scss文件，在其中导入boostsrap和booststrap链轮。它应该可以完成任务，对吗？$..modal在bootstrap.min.js中定义，检查它是否在网络中加载。找不到问题所在；我终于在没有引导的情况下设计了我的模态盒