Настройте Bootstrap 4.3 на Rails 6 с помощью Webpack

Question

Я пытаюсь заставить Rails 6.0.0 и Bootstrap 4.3 работать с веб-пакетом.Я попробовал несколько туториалов, таких как этот tutorail1 и этот tutorial2 , но ничего не получилось полностью.в настоящее время навигация начальной загрузки имеет черный ящик при наведении курсора на любые ссылки, также всплывающие подсказки и всплывающие окна не работают после добавления сценариев для них.

yarn add bootstrap jquery popper.js

config / webpack / environment.js

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

const webpack = require('webpack')
environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  Popper: ['popper.js', 'default']
}))

module.exports = environment

app / javascript / packs / application.js

require("bootstrap/dist/js/bootstrap")

app / assets / stylesheets / application.scss

@import "bootstrap/scss/bootstrap";