読者です 読者をやめる 読者になる 読者になる

rey’s developer blog

ユーザ系SIerに勤めるSEがプログラミング、データベース、OS、SNS、ガジェットなどを中心に備忘録変わりに書いていきます。

【jQuery】「jquery.min.map」って何者?!?404出るんだけど

Development Chrome JavaScript Microsoft Edge Internet Explorer browser

本日は、jQueryのお話。

 

jQueryを使っていると「jquery.min.map」が404 not foundになって「何じゃこら」となっている開発者もいるかと思います。

 

こちらの正体はjQuery1.9以降で追加されたデバッグ用のファイルになります。

 

jQueryはファイルサイズ圧縮のため、改行や不要なスペースはすべて削除された状態で配布されています。

 

f:id:rey1229:20170222110503p:plain

 

これらをChromeIEの開発者機能でデバッグする際、改行などを復元して見せるためのファイルになります。

 

404になってますが、開発者向けのファイルなのでWebアプリケーションの挙動に問題はないです。

 

ただ、気になる方は以下の対処法をしてみてください。

 

■対処法1

自分のサーバ上にjQueryを置かずに、GoogleのCDNを使う。

 

Googleが公開しているファイルから使わせてもらう方法です。

developers.google.com

 

■対処法2

サーバ上に「jquery.min.map」を置く

 

本家のサイトから落としてください。

jquery.com

 

また、Googleマイクロソフトでも配布を行っています。

サンプルではGoogleのCDNの3.1.1のバージョンですが、別バージョンも存在します。

利用しているjQueryのバージョンにあわせたファイルをもってきて、自分のサーバに配置してください

http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.map

 

■参考

コニファ社さんが詳しく解説してくれています。

ぜひ参考にしてみてください。

www.conifer.jp