Adding the Bootstrap JavaScript library to application.js for webapp running on Rails 6.0

Question

In Rails 6.0 the application.js is in a new path /app/javascript/packs/ vs the old path app/assets/javascripts/.

I added these line the application.js file in the new path:

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

but after saving it I'm not seeing the expected bootstrap dropdown menu.

I believe you might be interested to read this tutorial

matiss
– matiss

2019-11-03 17:03:27 +00:00
Commented Nov 3, 2019 at 17:03 — matiss
– matiss, Commented Nov 3, 2019 at 17:03

Marc Men · Accepted Answer · 2019-11-04 18:29:29Z

0

The above snippet works for pre 6.0 but this solution was provided to me by another person to work in rails 6.0 1) $ yarn add [email protected] [email protected]

2) add this to config/webpack/environment.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) add this app/javascript/packs/application.js

require("jquery")
import "bootstrap"

answered Nov 4, 2019 at 18:29

Marc Men

1

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding the Bootstrap JavaScript library to application.js for webapp running on Rails 6.0

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related