Laravel
Laravelで$ is not definedと表示された時の解決方法
いつもご利用ありがとうございます。
この記事には広告が掲載されており、その広告費によって運営しています。
オススメ本
Laravel で$ is not defined と表示された時の解決方法について記事にします。
$とは?
$は、jQuery で使える関数です。
なぜこのエラーが発生するのか?
$ is not defined
直訳すると「$は定義されていません」
つまり、jQuery が使える 状態じゃないということです。
解決方法(一番簡単なやり方)
ようは、jQuery が使える状態にしてあげれば良いです。
head タグの下の方に、以下のような script の1行を書いてください。
この 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 にご連絡ください。
それでは!
人気記事