ホーム > Laravel > Laravelで$ is not definedと表示された時の解決方法
Laravel

Laravelで$ is not definedと表示された時の解決方法

いつもご利用ありがとうございます。
この記事には広告が掲載されており、その広告費によって運営しています。

⇨ Laravel 記事の目次はこちら

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 にご連絡ください。

それでは!

人気記事

PHP7.4 + Laravel6 のプロジェクトを AWS EC2 にデプロイする

【laravel-breadcrumbs】Laravel でパンくずリストを実装する