【エラー解決】ReferenceError: $ is not defined

こんにちは、shinoです。
毎日ボチボチプログラミングをしながら生活しています。
その中での問題点、エラーなどを紹介して行きます。

今回は、タイトルのエラー「ReferenceError: $ is not defined」が出たので紹介して行きます。

エラー状況

htmlの実行時にエラーが表示されることを、開発者ツールで確認しました。読み込んでいるのは、ただのhtmlです。scriptにてJQueryを記載しています。エラー内容は、JQueryが読み込めないとのことです。

よくコードを見てみると、JQureyを記載する設定が抜けていました。cssなどと同様に設定を読み込んでおく必要がありました。なので、以下のコードをhtmlに記載することでエラーが解決しました。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

1	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

簡単なエラーですが、一つ一つ解決していくことがプログラミング習得の最短ルートなのでコツコツやってみて下さい。それでは、また次のエラーで！！

ひと休憩の際におすすめ記事は「【Nuxt.js】ローカル環境にてcorsの設定方法」です。時間があれば読んでみて下さい。

最後まで読んでいただきありがとうございます。プログラミングを楽しんでいきましょう！！