rails 7系でjqueryが読み込めない問題

1769 ワード
Rails jQuery Rails7 importmap-rails Rails テキストリンク

タイトルの通りです。rails7系からimportmapとやらを採用しているらいがいまいちわからなかったので緊急でとった対策を書きます。

開発環境

ruby 3.1.1
Rails 7.0.2.3

できなかったこと

ドロップダウンメニューを作りたかったのですがrailsでimportmapとやらの仕組みがよくわからず、jqueryが読み込めなかった。
どうやらconfig/importmap.rbに読み込む際の名前と読込みたい内容（cdnやら）を記載してapp/javascript/application.jsで読み込めばいいらしいですがどうもうまくいきませんでした。
ここを参考にさせていただきました。

対策（緊急向け）

力技みたいな感じになりますが、以下のコードを追加したら読み込めます。笑
とりあえず先に進みたいって方向けです。

view/layouts/application.html.erb
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

rails7系の記事は少ないので、importmapを用いて読み込むことができたらまた書こうと思います。