Не могу использовать загрузчик navbar на моих рельсах с приложением webpacker

Question

Привет, я запускаю свое приложение, используя webpacker с ruby ​​on rails. Я пытаюсь понять, почему навигационная панель, которую я использую, не открывается. это всегда идет без моделирования. Показано на рисунке:

Я использую навигационную панель из здесь

Это мой environment.js файл для webpacker: Я уже установил bootstrap, используя yarn.

const { environment } = require('@rails/webpacker')
const webpack = require('webpack')

const path = require('path')

environment.use = [
  {
            loader: 'sass-loader',
            options: {
              "includePaths": [
                path.resolve(__dirname, 'node_modules'),
                path.resolve(__dirname, 'src')
              ]
            }
          },{
            loader: 'resolve-url-loader',
            options: {
              attempts: 1
            }
          }
]

environment.plugins.prepend(
  'Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    jquery: 'jquery',
    'window.jQuery': "jquery",
    Tether: 'tether',
    Popper: ['popper.js', 'default']
  })
)

module.exports = environment;

Я могу заставить jquery работать над моим приложением. но загрузчик не загружается в мое приложение. И как мне использовать глобальную загрузку, не требуя ее где-либо? Является ли это возможным? если нет, то как бы я потребовал его в одном месте и использовать его везде? Это в application.js файле?

Я вижу, что навигационная панель, которую я использую, всегда рассматривается как мобильное представление. Класс navbar-toggle collapse должен быть в коллапсе, но класс, который у него есть navbar-toggle collapsed. когда на веб-просмотра, а также. И класс navbar-collapse collapsed, используемый в веб-представлении, должен быть collapsed, но у него есть класс collapse. После ручного изменения классов из консоли разработчика. Я нашел это представление (без стайлинга):