为在 Rails 6.0 上运行的 webapp 添加 Bootstrap JavaScript 库到 application.js

【问题标题】：Adding the Bootstrap JavaScript library to application.js for webapp running on Rails 6.0为在 Rails 6.0 上运行的 webapp 添加 Bootstrap JavaScript 库到 application.js
【发布时间】：2019-11-03 01:44:43
【问题描述】：

在 Rails 6.0 中，application.js 位于新路径 /app/javascript/packs/ 与旧路径 app/assets/javascripts/ 中。

我将这些行添加到新路径中的 application.js 文件中：

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require turbolinks
//= require_tree .

但保存后我没有看到预期的引导下拉菜单。

【问题讨论】：

相信你可能有兴趣阅读this tutorial

标签： ruby-on-rails

【解决方案1】：

上面的 sn-p 适用于 6.0 之前的版本，但是这个解决方案是由另一个人提供给我的，用于在 rails 6.0 中工作 1) $ yarn add jquery@3.4.1 bootstrap@3.4.1

2) 将此添加到 config/webpack/environment.js

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

const webpack = require('webpack')
environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery'
  })
)

3) 添加这个应用程序/javascript/packs/application.js

require("jquery")
import "bootstrap"

【讨论】：