0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

JavaScriptファイルの読み込み失敗時に表示されるFailed to load resourceエラーの解決方法

Posted at

#目的
私が独学で行き詰った箇所を備忘録として残していることを目的としています。

#概要
ネットから拾ったサンプルのJavascriptファイルを一部改良してHTML上で読み込みを試みたのですが、chromeのDevToolsでFailed to load resourceのエラーが表示されてしまい.jsファイルを読み込むことが出来ませんでした。
jsエラー.png

#原因
ネットから拾ったjavascriptファイル名をそのままHTMLに記述してしまったことによりファイルがうまく読み込まれませんでした。

  • ネットから拾ったファイル名…js/signin.js
  • 保存したファイル名…sign.js

#解決策
HTMLファイル上に正しいjavaScriptファイル名に変更。

#あとがき
経験者からすると初歩的なエラーかもしれませんが、JavaScriptを触って2日目だったのでエラー解決までに30分くらいかかりました。
ネットから拾ったJavaScriptのファイルを使うときは、保存したファイル名とHTML上に記述するファイル名に気を付けるよう心掛けます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?