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

Question

在Rails6.0中，application.js位于新路径/app/javascript/application.js/ vs旧路径app/assets/javascript/中。

我在新路径中的application.js文件中添加了以下行：

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

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

Answer 1

上面的代码片段适用于pre 6.0，但这个解决方案是由另一个人提供给我的，让我在rails 6.0中工作1) $ yarn add jquery@3.4.1 bootstrap@3.4.1

2)将其添加到config/webpack/environment.js ment.js中

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

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

3)添加这个app/javascript/packs/application.js

require("jquery")
import "bootstrap"