Bootstrap тумблер navbar работает только при первом нажатии

Question

Моя навигационная панель рушится, но кнопка гамбургера, которая появляется при свертывании, не активна. Я использую Bootstrap 4.3.1 & Rails 6. Я понизил jQuery с 3.5.0 до 3.4.1. как предложено здесь , выполнив yarn remove jquery & yarn add jquery@3.4.1, а затем yarn install --check-files. Я также удалил папку jquery в app / node_modules и переустановил ее с ранее упомянутым кодом, но это ничего не изменило. Я просто хочу упомянуть, что даже после переустановки jQuery папка не была добавлена ​​в node_modules. Я не знаю, важно ли это, но мои jQuery анимации все же работают.

Вот мой частичный _app_nav:

<%= render :layout => "layouts/base" do %>
  <nav class="navbar navbar-expand-lg">
    <a href="<%= posts_path %>" class="navbar-brand"><%= image_tag image_path('logos/edukado_white.png'), width: 140, class: 'mr-2'%></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item <%= 'active' if current_page?(posts_path) %>">
          <a class="nav-link" href="<%= posts_path %>">Accueil</a>
        </li>
        <li class="nav-item <%= 'active' if current_page?(new_post_path) %>">
          <a class="nav-link" href="<%= new_post_path %>">Publier</a>
        </li>
        <li class="nav-item <%= 'active' if current_page?(new_user_invitation_path) %>">
          <a class="nav-link" href="<%= new_user_invitation_path %>">Inviter</a>
        </li>
        <% if user_signed_in? %>
          <li class="nav-item <%= 'active' if current_page?(posts_user_path(current_user)) %>">
            <a class="nav-link" href="<%= posts_user_path(current_user) %>">Mes publications</a>
          </li>
        <% end %>
      </ul>
      <%= render partial: 'layouts/navbar' %>
    </div>
  </nav>
  <%= yield %>
<% end %>

Мое приложение. js file:

// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.


// ***** START: ADDED BY KisoThemes *****
window.$ = window.jQuery = require("jquery")
// ***** END: ADDED BY KisoThemes *****

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
// ***** START: ADDED BY KisoThemes *****
require("bootstrap")
require("metismenu/dist/metisMenu")
require("jquery-slimscroll")
require('bootstrap-switch')
require('chartjs')
require('jquery-countdown')
require('jquery-countto')
require('cd-easypiechart')
require('fastclick')
require('object-fit-images')
require('flot/source/jquery.canvaswrapper');
require('flot/source/jquery.flot');
require('gmaps.core')
require('jasny-bootstrap')
require('jvectormap')
require('jquery-parallax.js')
require('code-prettify')
require('prismjs')
require('sparklines')
// ***** END: ADDED BY KisoThemes *****




// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)

require("trix")
require("@rails/actiontext")
require("kiso_themes")

Заранее благодарю за помощь!