模态在 Bootstrap for Rails 7 中不起作用

问：

我在 Rails 7 中使用 Bootstrap gem。

我只是想让一个简单的 Bootstrap 模式工作。

应用程序中的下拉列表工作正常，因此我假设 JS 设置正确，但以防万一：

importmap.rb:

pin "application", preload: true
pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
pin_all_from "app/javascript/controllers", under: "controllers"
pin "popper", to: 'popper.js', preload: true
pin "bootstrap", to: 'bootstrap.min.js', preload: true

assets.rb:

...
Rails.application.config.assets.precompile += %w( bootstrap.min.js popper.js)

application.js:

import "@hotwired/turbo-rails"
import "controllers"
import "popper"
import "bootstrap"

application.html.erb:

...
<%= javascript_importmap_tags %>
...

我的观点：

<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">Large modal</button>

<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      Test modal
    </div>
  </div>
</div>

所以它只是一个简单的模态，从 Bootstrap 的文档中复制而来，当我单击模态按钮时，绝对不会发生任何事情。

请不要只是将我链接到 Stackoverflow 文章，因为我实际上只是花了一个小时浏览了所有这些。

提前致谢！