JQueryが読み込めません、ご回答お願い致します。

前提・実現したいこと

以下のエラーメッセージを解決したいです

発生している問題・エラーメッセージ

ERROR: '$' is not defined. [no-undef] $(function(){
ERROR: '$' is not defined. [no-undef] $('#typo').css('color', '#ebc000');

該当のソースコード

index.html

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Chapter 02 · jQuery 最高の教科書</title> <link rel="stylesheet" href="./css/normalize.css"> <link rel="stylesheet" href="./css/main.css"> <script <script src="./js/vendor/jquery-1.10.2.min.js"></script> <script src="./js/vendor/jquery-ui-1.10.3.custom.min.js"></script> <script src="./js/main.js"></script> </head>

main.js

$(function(){
$('#typo').css('color', '#ebc000');
});

試したこと

ネットで調べたところ、JQueryが読み込めていない可能性が高いことでしたが、
解決策がわかりませんでした。ご回答して頂けると有難いです。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

kei344

2019/11/30 12:41

（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、htmlファイルがどこにあって、jsファイルとの位置関係も提示してください。

行動規範の内容に同意します

回答1件

JQueryが読み込めていない可能性が高いことでしたが、

ほぼ、その通りです。
jQuery本体を読み込んでいる記述は下記と思いますが、
<script src="./js/vendor/jquery-1.10.2.min.js"></script>

この記述が書かれているhtmlからの場所を示していないのでしょう。
ブラウザの開発ツールを起動し(F12）コンソール（Console）を確認するとエラーが出ているのではないかと思います。
それが「404 Not Found」のような内容であれば「示している場所（パス）が違う」ということになります。
別の内容であれば別途教えてください。

ただ、jQuery本体のプログラムに手を入れるって余程のことがない限りありません。
CDNで良いのでは。
問題切り分けのために、CDN版の読み込みも試してみてください。

投稿2019/11/30 20:29