--- title: ソースマップのエラー slug: Tools/Debugger/Source_map_errors tags: - Debugger - ソースマップ - ツール - デバッグ - リファレンス - 開発ツール translation_of: Tools/Debugger/Source_map_errors ---
ソースマップはJSONファイルで、ブラウザで見られるように変換されたソースを、開発者が書いた元のソースと関連付けることができます。ソースマップを操作する際に問題が発生することがあります。このページでは、最も一般的な問題とその解決方法について説明します。
注: ソースマップが初めての方は、ソースマップの使い方で詳細をご覧ください。
問題が見つかると、Webコンソールにメッセージが表示されます。このメッセージには、エラーメッセージ、リソースURL、およびソースマップのURLが表示されます。
ここでリソースURLは、bundle.js
にソースマップが記述されていることを示しています。ソースマップURLは、ソースマップデータの場所(この場合はリソースとの相対位置)を示します。このエラーは、ソースマップがJSONデータではないことを示しているため、間違ったファイルを提供していることになります。
ソースマップが間違っていることがある一般的な方法がいくつかあります。 次のセクションで詳しく説明します。
ソースマップリソースが見つからない、またはアクセスできない可能性があります。
ここではファイルが提供されていることを確認し、ブラウザがアクセスできるようにすることで修正します。
ソースマップデータは、単にJSONファイルではなく、不正な構造であった時に無効になる可能性があります。一般的なエラーメッセージは次のとおりです。
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
Error: "version" is a required argument
元のソースが不足している可能性があります。デバッガで元のソースの1つを開こうとすると、この問題が発生することがあります。この場合、メッセージは少し違って見えます:
この場合、エラーはデバッガのソースタブにも表示されます。