Bootstrap с рельсами 6

Question

Я пытаюсь заставить bootstrap работать в моем веб-приложении rails 6, но оно не будет работать. Я следовал нескольким учебникам на YouTube и здесь, но, похоже, ничего не работает. Буду очень признателен за любую помощь, если я ошибаюсь.

Gemfile: (Первая половина включает bootstrap)

source 'https://rubygems.org'
git_source(:github) { |repo| "https://github.com/#{repo}.git" }

ruby '2.6.5'
gem 'jquery-rails'
gem 'coffee-script-source', '~> 1.11', '>= 1.11.1'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '~> 6.0.2', '>= 6.0.2.2'
# Use sqlite3 as the database for Active Record
gem 'sqlite3', '~> 1.4'
# Use Puma as the app server
gem 'puma', '~> 4.1'
# Use SCSS for stylesheets
gem 'bootstrap-sass', '~> 3.4.1'
gem 'sass-rails', '>= 6'

Приложение. js:

require("@rails/ujs").start()
require jquery
require bootstrap-sprockets
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")

Application.s css:

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

Это результат его запуска:

Answer 1

Я считаю, что в Rails 6 принятый способ добавить Bootstrap - через Webpack. Вы можете запустить yarn add bootstrap jquery popper.js в своем терминале. Затем добавьте это в ваш файл environment.js между существующими вызовами const и module.exports:

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

Затем в вашем app/javascript/packs/application.js добавьте эту строку:

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

* 1011 И, наконец, в вашем app/assets/stylesheets/application.css добавьте эту строку:

@import "bootstrap/scss/bootstrap";