ブラウザのソースマップのトラブルシューティング

Question

ソースマップは、最小化されたスクリプトや翻訳された言語（CoffeeScriptなど）のデバッグに非常に役立ちますが、マッピングが機能しない理由を解決するための出力はほとんどありません。誰でもあなたのマッピングが間違っている場所を見つけるのに使うことができるチェックリストを持っていますか？今私は自分のローカル開発環境で作業しているセットアップを持っていますが、ステージングサーバーに展開しようとすると「動作しません」。私が確認した

物事は私のローカルおよびステージング環境の間で同じです。

1. ソースマップはインスペクタで有効になっているpackage.min.jsファイルは/ JS
2. から提供され
3. を設定package.min.jsが同じ//@ sourceMappingURL=package.min.js.mapライン
4. が含まれていuglify-JS2
5. によって生成された縮小さソース+ソースマップは、元のファイルは、/ JSにアクセスできます

1つの違いは、生成されたソースマップのサイズがわずかに異なり、ソースマップハッシュのsources属性のファイルの順序がわずかに異なることです。しかし、ソースマップはかなり大きいので、実際にはそれほど大きな違いはないことを確認するのは簡単ではありません。

Answer 1

ソースマップ（および元のソースファイル）がHTTP経由でフェッチされます。ブラウザが実際に要求していることを確認するには、サーバーのログを参照してください。

//@is going to be replaced//#です。