bootstrap4をwebpackerで導入したが、ハンバーガーメニューが効かない。

Question

前提・実現したいこと

bootstrap4をwebpackerで導入したが、ハンバーガーメニューが効かない。

（環境）
・ruby 2.6.5
・Rails 6.0.2.2
・Windows　10

発生している問題・エラーメッセージ

Uncaught TypeError: Cannot convert object to primitive value
    at RegExp.test (<anonymous>)
    at HTMLDivElement.<anonymous> (bootstrap.js:1498)
    at Function.each (jquery.js:325)
    at jQuery.fn.init.each (jquery.js:165)
    at jQuery.fn.init._jQueryInterface [as collapse] (bootstrap.js:1492)
    at HTMLDivElement.<anonymous> (bootstrap.js:1552)
    at Function.each (jquery.js:325)
    at jQuery.fn.init.each (jquery.js:165)
    at HTMLButtonElement.<anonymous> (bootstrap.js:1547)
    at HTMLDocument.dispatch (jquery.js:4670)

該当のソースコード

#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',
        Popper: ['popper.js', 'default']
    })
)

module.exports = environment

#package.json
{
  "license": "UNLICENSED",
  "name": "winekeeping",
  "private": true,
  "dependencies": {
    "@babel/preset-react": "^7.9.4",
    "@rails/actioncable": "^6.0.0",
    "@rails/activestorage": "^6.0.0",
    "@rails/ujs": "^6.0.0",
    "@rails/webpacker": "4.2.2",
    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
    "bootstrap": "^4.4.1",
    "jquery": "^3.5.0",
    "popper.js": "^1.16.1",
    "prop-types": "^15.7.2",
    "rails-erb-loader": "^5.5.2",
    "raty-js": "^2.9.0",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "turbolinks": "^5.2.0"
  },
  "version": "0.1.0",
  "devDependencies": {
    "webpack-dev-server": "^3.10.3"
  }
}

#javascript/packs/application.js
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require('jquery');
require('raty-js');

const images = require.context('../images', true)

import 'bootstrap';
import '../stylesheets/application';
import '../stylesheets/custom';
import '../stylesheets/jquery.raty';

試したこと

Navbarやレスポンシブは効いています。

Answer 1

2020-08-26追記: こちら5月にjQuery 3.5.1出てたようなので、下記のコマンドの 3.4.1 を 3.5.1 に読み替えていただければと思います。 参考: jQuery 3.5.1 Released: Fixing a Regression | Official jQuery Blog

以下古い情報↓

僕も同じ問題にぶつかり、調べていく過程でこの質問を見つけたので解決方法シェアしますね。
先日リリースされたjQuery 3.5.0で入った破壊的変更により、Bootstrap含むいくつかのライブラリが動かなくなってしまったようです。
jQuery 3.5.1で修正されるようなことが書いてありますが、少し時間がかかるようだったので、一旦jQueryのバージョンを 3.4.1 に戻すことによって対処しました。

以下に手順を記載します。

1. package.json の "jquery": "^3.5.0" と書いてある部分を "jquery": "^3.4.1" に変更する。
1. yarn install コマンドを実行する。
1. rails server や webpack-dev-server を再起動する。
1. ハンバーガーメニューが正しく動作していることを確認する。

ごめんなさい。上記間違いでした。正しくは以下の通りでお願いします。

1. yarn add jquery@3.4.1 コマンドを実行する。
2. rails server や webpack-dev-server を再起動する。
3. ハンバーガーメニューが正しく動作していることを確認する。

よかったら試してみてください。

参考: bootstrap 4 - Uncaught TypeError: Cannot convert object to primitive value(zone-evergreen.js:171) - Stack Overflow