Google Chrome DevTools は SourceMap を解析できませんでした: chrome-extension

Google Chrome DevTools は SourceMap を解析できませんでした: chrome-extension

私は jQuery を使用して Rails5 で開発しています。今日の午後、突然、DevTools コンソールにこれらのメッセージが表示されるようになりました。これは、StackOverflow で DevTools を実行しても発生します。キャッシュをクリアし、ブラウザを再起動しましたが、変化はありませんでした。

解決策を探していたら、44315460に出会った。ブラウザはいつソースマップをダウンロードしますか?しかし、どうすればいいのかさえ分かりません。

ちなみに、いずれかのリンクをクリックすると、「ERR_FILE_NOT_FOUND」が生成されます。

これがどのように始まったのか、またどのように修正すればよいのか全く分かりません。アドバイスをお願いします。

DevTools failed to parse SourceMap: chrome-extension://hdokiejnpimakedhajhdlcegeplioahd/sourcemaps/onloadwff.js.map
DevTools failed to parse SourceMap: chrome-extension://gnldpbnocfnlkkicnaplmkaphfdnlplb/ContentScript/CustomisedWorkItemMessaging.js.map
DevTools failed to parse SourceMap: chrome-extension://gnldpbnocfnlkkicnaplmkaphfdnlplb/ContentScript/CaptureBrowserEvent.js.map
DevTools failed to parse SourceMap: chrome-extension://gnldpbnocfnlkkicnaplmkaphfdnlplb/ContentScript/CustomisedWorkItemMessaging.js.map
DevTools failed to parse SourceMap: chrome-extension://gnldpbnocfnlkkicnaplmkaphfdnlplb/ContentScript/CaptureBrowserEvent.js.map

答え1

私の場合は、開発ツールで現在のコンテキストのみを有効にすると役に立ちました。

選択されたコンテキストのみのチェックボックスが有効

警告:固定ではありません。DevTools を開くたびにリセットする必要があります。

警告: 他のドメインへの API 呼び出しは別のコンテキストに属しているため、エラーは表示されません。

答え2

これについては Chromium の問題を提出しました:

https://bugs.chromium.org/p/chromium/issues/detail?id=1052872

ここにある最近の複数のレポートを見ると、これは Chrome へのアップグレードによって発生した新しいバグであるように思われます。

これは、私が取り組んでいる React/Webpack プロジェクトでも発生しており、以前はこの問題もなく正常にビルドされていました。

同じではないと思われる古い問題を除いて、重複するものは見つかりませんでした。


編集:

これはバグです。一部は Chrome にあり、一部は拡張機能にあります。拡張機能の動作には影響しません。機能していない機能、つまり拡張機能からソースマップを読み込む機能は、拡張機能のエンド ユーザーにとっては無関係なはずで、常に機能していませんでした。ただ、DevTools がエラーをフラグ付けするようになっただけです。

注意HTTPSでデバッグしようとしたときに、自分のソースマップファイルでこのエラーが表示される場合は、別のバグです。追跡されたしかし修正には時間がかかるかもしれません


修理?

拡張機能を失っても構わない場合は、他の回答に従って、失敗したメッセージ内のリンクをクリックし、アドレスバーの左側を見てください(ないメイン ウィンドウの [拡張機能] をクリックして、無効にする必要がある拡張機能を確認します。

ここに画像の説明を入力してください

関連する拡張機能を有効にしておく必要がある場合は、@Webberの答えを使用するとSelected context onlyうまく機能します(ただし、Chromeを閉じて再度開くと設定は維持されません)、またはOP @Richard_Gの提案フィルターは良さそうに見えます (そして設定されたままです) - しかし、提案されたフィルターはあまりにも多くのものをカットしていることがわかりました:

-chrome-extension下の画像でデモされているように、代わりにフィルターとして試してください。

ここに画像の説明を入力してください

ここに画像の説明を入力してください

ここに画像の説明を入力してください

答え3

昨日から同じことが起こり始めました。この問題は、2 月 7 日に Google がプッシュしたアップデートに関連していると思います。

https://chromereleases.googleblog.com/2020/02/beta-channel-update-for-chrome-os.html

現在までの回答/コメントによると、これら 3 つの拡張機能が影響を受けているようです。

Adblock: cfhdojbkjhnklbpkdaibdccddilifddb
LastPass: hdokiejnpimakedhajhdlcegeplioahd
Test & Feedback: gnldpbnocfnlkkicnaplmkaphfdnlplb

私の場合、これらの拡張機能を一時的に無効にすることで解決しましたが、より永続的な解決策としてはバグレポートを提出することです。

また、このリリースによっていくつかの拡張機能が互換性のない状態になった可能性もあるため、拡張機能の作成者が互換性のあるバージョンをリリースするまで待つ必要があるかもしれません。

別の一時的な解決策としては、拡張機能が「クリック時」または「特定のサイト」で読み込まれるようにすることです。

このような

答え4

ちょっと見苦しいですが、一時的なバイパスがあります。ベンダー同士でこの問題を解決してくれるといいのですが。私がやったのは、次のようにコンソール設定にネガティブ フィルターを追加することです。これを承認済みの解決策としてマークするつもりはありません。

-DevTools failed to parse SourceMap: chrome-extension:

スクリーンショット内: ここに画像の説明を入力してください

関連情報