ESRI:ソースマップの解析に失敗しました


回答:


307

Chromeは最近、開発者ツールにソースマップのサポートを追加しました。Chromeデベロッパーツールバーの設定に移動すると、次の2つのオプションが表示されます。

Chromeデベロッパーツールのソースマップ

これら2つのオプションを無効にしてブラウザーを更新すると、ソースマップを要求する必要がなくなります。

これらの設定はここにあります:

Chromeデベロッパーツールのソースマップ


94
なんて愚かな「機能」だろう。ソースマップが利用可能になったときにそれをロードするだけです。
ProblemsOfSumit

8
このスクリーンショットの外観の下にある2つのセクションは、テーマオプションです。私はダークテーマを選びました。
Steropes、2016年

81
これは答えではないと思います。エラーを非表示にすることは、実際に「修正」することではありません。存在しないソースマップファイルを参照しているファイルがある理由を最初に突き止め、それを修正する必要があります。
demisx

4
注意点-これらの設定を無効にした場合、ネットワークタブにはF5(n / wタブ上)を
押さ

3
それらの設定がどこにあるかを見つけるのにしばらく時間がかかりました。これらがどこにあるかを示すスクリーンショットは次のとおりです:i.stack.imgur.com/JQcnN.png。おそらく、それを回答に追加して、他の人が設定を見つけやすくする必要があります。
ドナルドダック

34

選択した回答はエラーを非表示にするのに適した回答ですが、エラーがなくなるわけではなく、単にインスペクターで確認できないだけです。もう1つの方法は、不足しているマップファイルをダウンロードして、assets / libディレクトリに配置することです。したがって、たとえば、私はangular-route.min.js.mapファイルが欠落していたため、https://code.angularjs.org/1.5.3/にアクセスして(正しいバージョンのangularに)、欠落しているファイルをダウンロードしました。おそらくキャッシュが原因で、エラーはすぐには消えませんでしたが、ブラウザーで実際のファイルにアクセスすると、エラーは機能しました。http://sitename.localhost/assets/lib/angular-route.min.js.map。ソースマップが有効になっていても、インスペクタはエラーを表示しなくなりました。


4
ソースマップは縮小されたJavaScriptファイルの操作に最適ですが、このエラーメッセージが表示され、ソースマップを使用する必要がない場合でも、通常のデバッグができなくなります。ソースマップを追加することで問題が解決することは正しいですが、それらがない場合は、このオプションを無効にして通常のデバッグを許可することをお勧めします。
Steropes

1
Backendless.min.jsをセットアップしようとしていFailed to parse SourceMapて、Chromeコンソールに表示されていたので、これは私にとって役に立ちました。非圧縮のBackendless.js(なし.min)を使用するように切り替えたところ、エラーは発生しませんでした。縮小化されたJavaScriptを使用する場合、ソースマップは意味をなさないと思いますか?非圧縮のJS +ソースマップを使用するようにローカルの開発環境をセットアップし、本番環境のみが圧縮されたJSを使用するようにできると思います。
Ryan

16

さらに、Chromeでソースマップを単にオフにするだけでなく、少し掘り下げてみましたが、Web Essentialsを使用してソースマップを作成することが問題のようです。

何らかの理由で、外部コンパイラー(コアラ)を使用すると、Chromeで正常に機能するソースマップを正常に作成できます(エラーなし)。一方、Web Essentialsを使用すると、ソースマップの解析に失敗します。

これが誰かを助けることを願っています。


3
これについてWeb Essentialsチームから何か言葉を見つけましたか?私たちは同じ問題を抱えていると思います。
jtheis 2016年

2
残念ながら私はそれについて何も見つけることができません-私は調査中です!
Vicky

1
Web Essentials関連の修正は次の場所にあります:Google Chrome「Failed parsing SourceMap」:css.map(Web Essential)
Quentin S.

14

通常は圧縮/圧縮したCSS / JSのソースコード。次に、これらの縮小ファイルをデバッグする場合は、縮小ファイルの最後に次の行を追加する必要があります

/*# sourceMappingURL=bootstrap.min.css.map */

これは、ソースファイルが実際にどこにマップされるかをコンパイラーに伝えます。

JS場合は理にかなって
いますが、CSS場合は実際にはSCSSのデバッグです。

警告を削除するには: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file、。


8

.htaccess設定が正しくないため、同じ問題が発生しました。

RewriteRuleの
RewriteEngine!。(js | gif | jpg | png | css)$ index.php


ファイルを変更してこれを解決しました:

RewriteRuleの
RewriteEngine!。(js | gif | jpg | png | css | eot | svg | ttf | woff | woff2 | map)$ index.php


これは何ですか?アパッチ?それはウェブサーバーですか、それともプラグインですか?
Vasilii Suricov

4

これは、インストールしたChrome拡張機能が原因で発生する場合があります。たとえば、AdBlockです。

残念ながら、私が見つけた最善の解決策は、問題の拡張機能を無効にすることでした。


それはとても役に立ちました。ありがとう、問題は確かにAdblock Plusからでした。
Taranis

3

この問題が発生したとき、原因はui.bootstrap.modalモジュールを使用する際のテンプレートファイルへの相対参照でした。

templateUrl: 'js/templates/modal.html'

これはルートドメイン(www.example.com)から機能しますが、パスが追加されると(www.example.com/path/)、参照が壊れます。私の場合の答えは、参照を絶対的なものにすることでした(js / -> / js /)。

templateUrl: '/js/templates/modal.html'


コンテンツの品質を上げるのに役立つこのURLを確認してください
Willie Cheng

11
ありがとうウィリー、私はガイドラインを読みました。私の答えに問題があると感じましたか?
robstarbuck

2

Google DevToolsのエラーは、Google拡張機能が原因です。

  1. ブラウザでGoogleアイコンをクリックしました
  2. ポップアップウィンドウの下部にゲストプロファイルを作成しました。
  3. 次に、localhostアドレスと出来上がりを貼り付けました!!

コンソールにこれ以上のエラーはありません。


0

Chrome拡張機能(ナイトモードなど)を使用しているかどうかを確認します。それを無効にし、「注入」がなくなったかどうかを確認します。


0

AdBlock拡張機能が原因で問題が発生したことに気づき、問題が解決したAdBlock拡張機能をオフにしました。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.