Railsチュートリアル8章 ドロップダウンメニューが本番環境(heroku)で動きません
Railsチュートリアル8章を学習していますが
jqueryを使ったドロップダウンメニューを表示する箇所で躓いています
ローカルではドロップメニューも表示され、リンク先ページにも飛ぶのですが
herokuにデプロイしたものを動作確認すると
ドロップダウンメニューが動作しません
※gitもcommitした後、herokuにpushしています
ブラウザはchromeを使用
F12キーを押してコンソールを確認すると下記のエラーが表示されています
Uncaught TypeError: Cannot read property 'exclude' of undefined at y.matches (application-4cac7cfadd5b7de015fc7487a994cdb44c948702a7b14f11c89d6a2b364be631.js:1) at HTMLDocument.<anonymous> (application-4cac7cfadd5b7de015fc7487a994cdb44c948702a7b14f11c89d6a2b364be631.js:1)
application.jsとgemfileは下記のとおりで
bundle installおよび bundle updateも実行済です
現在のコード
<application.js> // //= require rails-ujs //= require jquery //= require bootstrap //= require activestorage //= require turbolinks //= require_tree . <gemfile> gem 'rails', '~> 5.2.3' gem 'bootstrap-sass', '3.3.7' gem 'bootsnap', '>= 1.1.0', require: false gem 'sass-rails', '~> 5.0' gem 'turbolinks', '~> 5' gem 'jquery-rails', '4.3.1' (↑ 一部抜粋です)
試したこと
他の方の回答を参考にapplication.jsを書き換えましたが
ローカルで実行した時点でエラー(ページを表示できない)になったため
最初の状態に戻しました
補足情報(FW/ツールのバージョンなど)
rails ver. 5.2.3
あなたの回答
tips
プレビュー