Laravel
Laravelで$ is not definedと表示された時の解決方法
いつもご利用ありがとうございます。このブログは、広告費によって運営されています。
オススメ本
Laravel で$ is not defined と表示された時の解決方法について記事にします。
$とは？
$は、jQuery で使える関数です。
なぜこのエラーが発生するのか？
$ is not defined直訳すると「$は定義されていません」
つまり、jQuery が使える状態じゃないということです。
解決方法（一番簡単なやり方）
ようは、jQuery が使える状態にしてあげれば良いです。
head タグの下の方に、以下のような script の１行を書いてください。
この head タグが書かれている場所は、人によってさまざまかもしれませんが、大抵の場合は、resources/views/layouts/app.blade.php になるかと思います。
<head>
<!-- 色々タグがあると思う -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<!-- 色々タグがあると思う -->
</head>注意点
今追記してもらった script が先に読まれないと$が定義されていないエラーになるかもしれません。
つまり、
<head>
<!-- 色々タグがあると思う -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
$("#app").html("jQueryのscriptを読み込んだ下に書かないとエラーになりそう");
</script>
<!-- 色々タグがあると思う -->
</head>このように jQuery を読み込んだあとに、$などの構文を使うようにしてください。
まとめ
以上です。
誰かの参考になればと思います。
感想・苦情は TwitterDM にご連絡ください。
それでは！
人気記事
