web-dev-qa-db-ja.com

Google Chrome "SourceMapの解析に失敗しました":css.map(Web Essential)

Visual Studio 2013 UP5 + Web Essential(v。2.6.36)で生成されたcss.mapファイルは「Google Chrome」では無効ですが、「Firefox」では有効です。このため、Google Chromeでデバッグするファイルの数が少なくなりました。 Failed parsing SourceMap : css map files

現在、Web Essential 2.6.36(+ Visual Studio 2013 Up5)を使用しています。 Google Chromeの開発者の設定からソースマップを無効にできます。これらのエラーは削除されますが、デバッグするファイルの数を減らしてスタイルを変更することはできません。これはひどい問題です。

Google Chrome Developers tools: disable source map parse

アドバイスをいただければ幸いです。前もって感謝します。

28

問題は、WebEssentialsがUTF8 with BOMにファイルを保存するが、Chromeはこれらのファイルを.mapファイルとして開くことができないことです。

一時的な修正として、Visual Studioで.mapファイルに移動し、Unicode(署名なしのUTF-8)またはUS-ASCIIとして保存できます。

File -> Advanced Save Options -> Unicode (UTF-8 without signature) or US-ASCII.

関連する.cssファイルを変更する際に、このプロセスを繰り返す必要がある可能性があります。ただし、.cssにいくつかのルールを追加することをテストしたとき、.mapファイルの正しい形式が保持されました。

これをWebEssentials GitHubで報告しました: Issue 199

また、他にもいくつかのレポートがあります。

50
PeterMacko