【初心者向け】デベロッパーツールでエラーが出て困っているあなたと私へ。

スポンサーリンク

※本サイトにはプロモーションが含まれています

デベロッパーツールにエラーが出てしまって困り果てている人へ、根本的な対処法をお伝えします。

今回のエラーの定義

デベロッパーツールの「コンソール」タブで表示される、
この赤いエラーのことを指します。

※画像はChrome

左にエラーの内容、右にはエラーの原因があるファイルへのリンクが表示されています。

どのブラウザでも同じように表示されますが
今回はChromeにのっとって説明します。
(個人的に、内容が詳しくて表示も見やすいのでChromeのデベロッパーツールが好きです。)

結論:地道に片っぱしから調べるしかない!

右側のリンクをクリックすることで、エラーの箇所を教えてくれます。
軽微なものならそれで一発解決です。

が、エラーがいくつも絡み合って起こっている場合はそう簡単にいきません。
既存サイトの修正などで、エラー個所が検討つかないこと、ありますよね。

そんな時に、一発で解決する魔法のような方法がある、とかつての私は思っていました。
しかし、残念ながらそんなものはありません。
ひとつひとつ地道につぶしていくのが、何より一番の近道です。

エラーメッセージをググる!!

エラーの内容をそのままコピペ検索すると、
自分と同じ悩みを共有してくれている人が必ず現れます。

私は英語ができないので、
エラーメッセージの後に、半角スペース+エラー を入力して検索します。
検索ワードに日本語が入っていることで、日本語の記事がヒットしやすくなります。

まとめ

対処法、というより心構え寄りの話でした。
エラーの数が多いと、パッと見で「うわ…わからん…」と拒否反応が出ますが、
ひとつずつつぶしていくと意外とどうにかなるもんです。
というか、それが唯一の方法なので、怯まず敵と戦っていきましょう!

コメント

タイトルとURLをコピーしました