• /
  • EnglishEspañol日本語한국어Português
  • ログイン今すぐ開始

この機械翻訳は、参考として提供されています。

英語版と翻訳版に矛盾がある場合は、英語版が優先されます。詳細については、このページを参照してください。

問題を作成する

ソースマップをアップロードして、JSエラーを最小化しない

はソースマップのアップロードをサポートしています。

ソースマップのサポートは、主に縮小された JavaScript を「デコード」するのに役立ちます。 縮小された JavaScript により、 browserの Errors ページでほとんど役に立たないエラー スタックトレースが発生します。 ソースマップをアップロードすると、これらのエラーが、コード行への便利な参照を含む、理解しやすいスタックトレースに変換されます。 この機能は、バンドルまたはトランスパイルされた JavaScript コードにも役立つ可能性があります。

ブラウザには、ソースマップを使用するための2つのオプションが用意されています。

  1. ブラウザのUIでソースマップをアップロード
  2. APIによるソースマップのブラウザへの公開

このドキュメントでは、最初の方法である UI 経由でソース マップをアップロードする方法と、一般的なトラブルシューティング ヘルプについて説明します。API メソッドの使用手順については、 「API 経由でソース マップをプッシュする」を参照してください。

New RelicのUIからソースマップをインポート

ソース マップ ファイルをブラウザ UI にドラッグ アンド ドロップまたはアップロードして、特定の JavaScript ファイルに関連付けることができます。New Relic は、縮小されたスタック トレースを縮小されていないトレースとソース コードに変換し、[エラー] ページに表示されます。

  1. ソース マップをローカル マシンにダウンロードします。

  2. one.newrelic.com > All capabilities > Browser > (select an app) > Errors

    に移動し、エラー グループをクリックします。 (

    Errors without a stack trace

    というラベルの付いたグループは選択しないでください。)

  3. Stack trace

    セクションで、

    Upload source map

    をクリックします。

  4. ファイル ファインダーのポップアップで、ソース ファイルを選択します。左側に灰色の帯が付いたエラー フレームは、縮小された JS を示します。青いストリップは、ソース マップが適用されていることを示します。

その他のJSエラーフレームの特徴は以下の通りです。

If you want to...

Do this...

周辺コードの詳細を見る

Show 10 more lines above/belowを選択して、スタック トレース内のコードの前または後のコードを表示します。

オリジナル、ミニマイズされたファイル情報を見る

  • 個々のフレーム情報についてフレームのソースラインとカラムの横にある、

    の省略記号にマウスオーバーします。

  • スタックトレース全体の生データの場合: エラー タブの上部で、

    </> Raw

    を選択します。

ソースマップの削除

展開されたスタックトレース フレームから、 Remove fileを選択します。

トラブルシューティング

スタックトレースはそのままミニマイズ

New Relic にソースマップをアップロードしたにもかかわらず、スタックトレースが最小化されている場合は、いくつか確認すべき点があります。API を使用することは、潜在的な問題を調査するための最良の方法であり、 リストアップしたり、公開されたソースマップを削除したりすることができます

Typical problems

Troubleshooting tips

URLの不一致

スタックトレースの各フレームは、特定のJavaScriptのURLに関連付けられています。このURLは、ソースマップの公開時に使用されたJavaScriptのURLと一致する必要があります。これらのURLが正確に一致するようにしてください。

リリース名とIDの不一致

フロントエンド アセットをデプロイするときに JavaScript URL がバージョン管理されていない場合は、 newrelic.addRelease API メソッドを使用して、またソース マップを公開するときに、リリース名とリリース ID を指定する必要があります。これらの文字列が正確に一致していることを確認してください。

409 エラー: Combination of javascriptUrl, releaseName, and releaseId must be unique

特定のJavaScript URLのソースマップファイルが、リリース名やIDを指定せずにアップロードされた場合、New RelicはURLを一意の識別子として扱います。

この問題を解決するには、リリース名とIDの値がNULLであるソースマップを削除し、これらのパラメータを含むそのURLのすべてのバージョンを再アップロードします。これにより、特定のJS URLに対して複数のバージョンのソースマップを使用できるようになります。

SourcesContentコンポーネントがありません

マッピング ファイルには、New Relic がスタック トレースの縮小を解除するためのSourcesContentコンポーネントが含まれている必要があります。マップを正常にアップロードしても縮小されていないコードが表示されない場合は、このコンポーネントの元のソース マップを確認してください。見つからない場合は、コンポーネントが含まれるようにソース マップを再生成し、マップを New Relic にアップロードします。

SourcesContentコンポーネントが追加されていない場合、{ Whoops, that was the wrong file. Please try again.のようなエラーが表示されます。

ソースマップが生成できない

ソースマップの生成がうまくいかない場合ビルドシステムには、ソースマップを生成するための独自の手順があります。より具体的な内容については、各ツールのドキュメントをご覧ください。以下は、2つの一般的なビルドシステムのソースマップ生成手順です。

Copyright © 2024 New Relic株式会社。

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.