クロムはJSソースマップをリクエストしていませんが、Firefoxは

です。devtool: 'source-map'オプションを使用してクライアントJSをビルドするためにwebpackを使用していますので、JSバンドルは//# sourceMappingURL=app.bundle.js.mapで終了します。 chrome devtoolsを開くと、Chromeは「ソースマップが検出されました」というバナーを表示しますが、実際にはナビゲータに元のソースは表示されません。私のサーバーアクセスログには、ソースマップの要求が表示されません。クロムはJSソースマップをリクエストしていませんが、Firefoxは

Firefoxのdevツールで同じページを開くと、元のマップが予想どおり正確に読み込まれます。

その他の資産はすべて正常に読み込まれます。ブラウザのキャッシュをクリアしても問題はありません。

これを経験したことがありますか？これはChromeのバグですか？

出典

2016-04-29 Jonathan Mellman

ちょうど私に起こった。私は私のコンソールを閉じた（私が行っていた休憩/休憩を終了したが、それは私にとっては大丈夫だった）。そして私のコンソールを再び開き、マップされたソースが期待通りに表示された。元の問題の理由がわからず、一時停止/ブレークポイントを離さずにマッピングされたソースを表示する方法がわからないため、これを「回答」として提供していません。 –

私はGoogle Chrome v53をダブルチェックしました。レスポンスステータス200または404に関係なく、ソースマップ関連のリクエスト（ネットワークタブ/コンソール）はログに記録されません。つまり、ウェブサーバがサービスを提供していることを確認する必要がありますファイルが適切です。そのためには、単純にブラウザでsourcemap urlを開くことができます。

代わりに、ソースマップがjsファイルにインライン展開されるようにビルドを変更することもできます。その後、サーバーからフェッチする必要はありません。

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uI...

出典

2016-09-20 13:55:17

クロムはJSソースマップをリクエストしていませんが、Firefoxは

答えて

関連する問題