jquery.min.map 404 (Not Found) エラーの原因と解決策

Chromeアップデート後、jquery.min.map 404 (Not Found)メッセージが表示されました

これは一体何ですか?確認したところ、以下のような情報がありました

JQuery公式の説明

内容を抜粋

jQuery 1.9.0バージョンからは、元のコードに@sourceMappingURL=jquery.min.mapが存在します

ソースマップとは

簡単に言えば、ソースマップは位置情報を保存する情報ファイルです。つまり、変換後のコードの各位置は変換前の位置に対応します。

これにより、エラーが発生した場合、デバッグツールは変換されたコードの代わりに元のコードを直接表示します。これは間違いなく開発に大きな利便性をもたらします。

jquery.min.map 404の理由

アップデート後、Chromeはソースマップを有効にするオプションを自動的にオンにしましたが、ソースマップを配置していなかったため、ファイルが見つかりませんでした。

解決策

解決策1.

開発者ツールをオンにし、[ソースマップを有効にする]をオフに設定します

解決策2.

jquery.jsと同じディレクトリに同じバージョンのソースマップをダウンロードします

ソースマップはjqueryと同じ 同じ場所

Jqueryの場所 http://code.jquery.com/jquery-1.10.2.min.js

ソースマップの場所 http://code.jquery.com/jquery-1.10.2.min .map