jQuery ファイル読み込みエラー

Question

jQuery初心者の者です。HTMLに外部ファイルとしてJQueryを読み込みたいのですがエラーになります。
（　consoleに「Failed to load resource: net::ERR_FILE_NOT_FOUND」と出ます。）
CSSファイル!や画像を読み込みするのでこういった読み込みには慣れていたつもりなのですが、うまく行かないです。
（名前間違いがないかなどは確認したりコピペし直したりしました。）

ウェブ道場　コーディングファイル内に
index.html,jsファイルが同じ階層にあります。

ウェブ道場　コーディング＞index.html, js(ファイル)＞webdojo_script.js

と行ったファイル階層となっております。

また、エラーメッセージの全文：「index.html:13 GET file:///Users/chihiro/Desktop/%E3%82%A6%E3%82%A7%E3%83%95%E3%82%99%E9%81%93%E5%A0%B4%E3%80%80%E3%82%B3%E3%83%BC%E3%83%86%E3%82%99%E3%82%A3%E3%83%B3%E3%82%AF%E3%82%99/js/webdojo_script.js net::ERR_FILE_NOT_FOUND」
となっております。

何かわかりそうな方がいらっしゃいましたら教えていただけたらありがたいです！

Comments

[itagagaki]

ウェブ道場　コーディング/js/webdojo_script.js が無いっていうエラーのようですが
jsフォルダはどこにありますか？
ここで答えるのではなく質問を編集してください。

[itagagaki]

コンソールのエラーメッセージを、省略せず全文を質問に書くようにしてください。
画像から読み取ろうとしましたが残念ながら隠れています。

[itagagaki]

エラーメッセージからは、やはり /Users/chihiro/Desktop/ウェブ道場　コーディング/js/webdojo_script.js が存在しないという風にしか考えられないですが、本当はあるんですよね？
うーん。
なんか日本語のパスもちょっと怪しい気もするので、ちょっと以下を試してみては
1. /Users/chihiro に test というフォルダを作る
2. その中に js というフォルダを作る
3. /Users/chihiro/test に index.html をコピーする
4. /Users/chihiro/test/js に webdojo_script.js をコピーする
5. ブラウザで file:///Users/chihiro/test/index.html にアクセスしてみる

[m.ts10806]

コードは画像で提示されてもコピペできませんので、
テキストにてマークダウンのコード機能を利用してご提示ください
https://teratail.com/questions/238564

Answer 1

解決を模索し色々試して、理由は全くわからないのですが、jsフォルダからwebdojo_script.jsを取り出してindex.htmlと同じ階層にて利用するとjQuery読み込みでき、はたらきました。
（とりあえずのところ解決しました。）
また原因がわかれば追記したいと思います。
追記・修正依頼など気にしてくださり、ありがとうございました。

Answer 2

なにか適当なhttpdは導入していますか？
ファイル処理ではまっとうに動かないかもしれません

Comments

[chiiro]

ご回答ありがとうございます。httpdの必要性とそもそも存在についても、知らなかったため導入できていないと思います。まず、調べてみたいと思います。ありがとうございます。

[yambejp]

XAMPPなど統合的なものを導入すると知見が広がると思います

[itagagaki]

httpdを導入するのは別にいいですが（それでもし解決したならそれでも別にいいですが）、出ているエラーは webdojo_script.js というファイルのGETに失敗した（理由：ERR_FILE_NOT_FOUND）なので、それを無視してhttp経由でというのは、解決としてはちょっとずれてると思います。