Google Chromeデベロッパーコンソールでこのエラーが発生します。
SourceMapの解析に失敗しました: http:// localhost:15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map
どうすれば修正できますか?
Google Chromeデベロッパーコンソールでこのエラーが発生します。
SourceMapの解析に失敗しました: http:// localhost:15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map
どうすれば修正できますか?
回答:
Chromeは最近、開発者ツールにソースマップのサポートを追加しました。Chromeデベロッパーツールバーの設定に移動すると、次の2つのオプションが表示されます。
これら2つのオプションを無効にしてブラウザーを更新すると、ソースマップを要求する必要がなくなります。
これらの設定はここにあります:
選択した回答はエラーを非表示にするのに適した回答ですが、エラーがなくなるわけではなく、単にインスペクターで確認できないだけです。もう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
。ソースマップが有効になっていても、インスペクタはエラーを表示しなくなりました。
Failed to parse SourceMap
て、Chromeコンソールに表示されていたので、これは私にとって役に立ちました。非圧縮のBackendless.js(なし.min
)を使用するように切り替えたところ、エラーは発生しませんでした。縮小化されたJavaScriptを使用する場合、ソースマップは意味をなさないと思いますか?非圧縮のJS +ソースマップを使用するようにローカルの開発環境をセットアップし、本番環境のみが圧縮されたJSを使用するようにできると思います。
さらに、Chromeでソースマップを単にオフにするだけでなく、少し掘り下げてみましたが、Web Essentialsを使用してソースマップを作成することが問題のようです。
何らかの理由で、外部コンパイラー(コアラ)を使用すると、Chromeで正常に機能するソースマップを正常に作成できます(エラーなし)。一方、Web Essentialsを使用すると、ソースマップの解析に失敗します。
これが誰かを助けることを願っています。
通常は圧縮/圧縮したCSS / JSのソースコード。次に、これらの縮小ファイルをデバッグする場合は、縮小ファイルの最後に次の行を追加する必要があります
/*# sourceMappingURL=bootstrap.min.css.map */
これは、ソースファイルが実際にどこにマップされるかをコンパイラーに伝えます。
JSの場合は理にかなって
いますが、CSSの場合は実際にはSCSSのデバッグです。
警告を削除するには: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file
、。
.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
これは、インストールしたChrome拡張機能が原因で発生する場合があります。たとえば、AdBlockです。
残念ながら、私が見つけた最善の解決策は、問題の拡張機能を無効にすることでした。
この問題が発生したとき、原因はui.bootstrap.modalモジュールを使用する際のテンプレートファイルへの相対参照でした。
templateUrl: 'js/templates/modal.html'
これはルートドメイン(www.example.com)から機能しますが、パスが追加されると(www.example.com/path/)、参照が壊れます。私の場合の答えは、参照を絶対的なものにすることでした(js / -> / js /)。
templateUrl: '/js/templates/modal.html'
Google DevToolsのエラーは、Google拡張機能が原因です。
コンソールにこれ以上のエラーはありません。
Chrome拡張機能(ナイトモードなど)を使用しているかどうかを確認します。それを無効にし、「注入」がなくなったかどうかを確認します。