时间戳

首页 > 解决方案 > 为在 Rails 6.0 上运行的 webapp 添加 Bootstrap JavaScript 库到 application.js

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

问题描述

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

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

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

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

标签： ruby-on-rails

解决方案

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

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

常量 { 环境 } = 要求（'@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"

推荐阅读