デベロッパーツールにエラーが出てしまって困り果てている人へ、根本的な対処法をお伝えします。
今回のエラーの定義
デベロッパーツールの「コンソール」タブで表示される、
この赤いエラーのことを指します。
左にエラーの内容、右にはエラーの原因があるファイルへのリンクが表示されています。
どのブラウザでも同じように表示されますが
今回はChromeにのっとって説明します。
（個人的に、内容が詳しくて表示も見やすいのでChromeのデベロッパーツールが好きです。）
結論：地道に片っぱしから調べるしかない！
右側のリンクをクリックすることで、エラーの箇所を教えてくれます。
軽微なものならそれで一発解決です。
が、エラーがいくつも絡み合って起こっている場合はそう簡単にいきません。
既存サイトの修正などで、エラー個所が検討つかないこと、ありますよね。
そんな時に、一発で解決する魔法のような方法がある、とかつての私は思っていました。
しかし、残念ながらそんなものはありません。
ひとつひとつ地道につぶしていくのが、何より一番の近道です。
エラーメッセージをググる！！
エラーの内容をそのままコピペ検索すると、
自分と同じ悩みを共有してくれている人が必ず現れます。
私は英語ができないので、
エラーメッセージの後に、半角スペース＋エラー を入力して検索します。
検索ワードに日本語が入っていることで、日本語の記事がヒットしやすくなります。
まとめ
対処法、というより心構え寄りの話でした。
エラーの数が多いと、パッと見で「うわ…わからん…」と拒否反応が出ますが、
ひとつずつつぶしていくと意外とどうにかなるもんです。
というか、それが唯一の方法なので、怯まず敵と戦っていきましょう！
コメント