シンプルであることはわかっていますが、Rails 6 のアップデートでは、webpacker によって管理されている JavaScript アセットを管理するための新しい構文が Rails 6 に導入されました。
//application.js
require("@rails/ujs") //.start()
require("turbolinks").start()
require("@rails/activestorage").start()
require('jquery').start()
require('jquery_ujs').start()
require('bootstrap-daterangepicker').start()
require("custom/custom").start()
require("bootstrap").start()
require("channels")
追加はできますcustom/customが、ブートストラップとjQueryが機能しません。npm経由でjQueryとブートストラップをインストールしました。
ベストアンサー1
以下のコマンドを実行して jQuery を追加します。
$ yarn add jquery
以下のコードを追加config/webpack/environment.js
const webpack = require('webpack')
environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
$: 'jquery/src/jquery',
jQuery: 'jquery/src/jquery'
})
)
application.js ファイルに jquery が必要です。
require('jquery')
jquery-rails gem を追加する必要はもうありません。