ファイルmin.map
が見つからないというエラー メッセージが表示されます:
GET jQuery の jquery-1.10.2.min.map が 404 (Not Found) をトリガーしています
スクリーンショット
これはどこから来たのですか?
ファイルmin.map
が見つからないというエラー メッセージが表示されます:
GET jQuery の jquery-1.10.2.min.map が 404 (Not Found) をトリガーしています
これはどこから来たのですか?
Chrome DevTools が .map ファイルの 404 を報告している場合 (おそらくjquery-1.10.2.min.map
、jquery.min.map
またはjquery-2.0.3.min.map
、しかし何でも発生する可能性があります)、最初に知っておくべきことは、これは DevTools を使用している場合にのみ要求されるということです。
ユーザーがこの 404 にヒットすることはありません。
これで、これを修正するか、ソースマップ機能を無効にすることができます。
次に、簡単な修正です。http://jquery.com/download/にアクセスして、お使いのバージョンのマップ ファイルのダウンロード リンクをクリックすると、圧縮されていないファイルもダウンロードされます。
マップ ファイルを配置すると、元のソースを介して縮小された jQuery をデバッグできるようにa
なりc
ます。
sourcemap の詳細はこちら: JavaScript ソース マップの紹介
ファイルを取得する代わりに、JavaScript ソース マップを今のところ設定で完全に無効にすることもできます。このページで JavaScript をデバッグする予定がない場合、これは適切な選択です。DevTools の右下にある歯車アイコンを使用して設定を開き、次の手順を実行します。
行を削除することで404を削除できます
//@ sourceMappingURL=jquery-1.10.2.min.map
jQueryファイルの上部から。
jQuery ファイルの上部は次のようになります。
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery-1.10.2.min.map
*/
それを次のように変更するだけです
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license */
基本的には、結合/縮小されたファイルを未構築の状態にマップする方法です。本番用にビルドするときは、JavaScript ファイルを縮小して結合するとともに、元のファイルに関する情報を保持するソース マップを生成します。生成された JavaScript で特定の行番号と列番号を照会すると、元の場所を返すソース マップでルックアップを実行できます。開発者ツール (現在は WebKit ナイトリー ビルド、Google Chrome、または Firefox 23 以降) は、ソース マップを自動的に解析し、圧縮も結合もされていないファイルを実行しているように見せることができます。(これについて詳しくはこちらをご覧ください)
ソース マップで発表されjQuery 1.11.0/2.1.0 Beta 2 Released
ているように、コメントは削除されるため、この問題は の新しいバージョンでは表示されませんjQuery
。
公式発表は次のとおりです。
このベータ版で行った変更の 1 つは、ソースマップ コメントを削除することです。ソースマップは、開発者にとって非常に問題があり不可解なものであることが証明されており、StackOverflow などのフォーラムで多数の混乱した質問が生成され、ユーザーに jQuery 自体が壊れていると思わせる原因となっています。
いずれにしても、ソース マップを使用する必要がある場合は、引き続き利用できます。
ソースマップの生成と配布は引き続き行いますが、ブラウザーが手動でのマップ ファイルの関連付けをサポートしていない場合は、縮小されたファイルの末尾に適切なソースマップ コメントを追加する必要があります (現在のところサポートされていません)。カスタム ビルド プロセスを使用して独自の jQuery ファイルを生成すると、ソースマップ コメントが縮小されたファイルに表示され、マップが生成されます。そのままにしてソースマップを使用するか、編集してマップ ファイルを完全に無視することができます。
変更の詳細については、こちらをご覧ください。
ここでjQuery 1.11.0/2.1.0 Released
は、縮小されたファイルの source-map コメントが削除されていることを確認できます。
マップ ファイルと圧縮されていないバージョンのjQueryをダウンロードします。
縮小版でそれらを置きます:
縮小版をHTMLに含めます。
Google Chrome にチェックインします。
JavaScript のデバッグに慣れる
jQuery の新しいバージョンには、このファイルhttp://code.jquery.com/jquery-1.10.2.min.mapが必要です。
このファイルの使いやすさについては、http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/で説明されています。
アップデート:
jQuery 1.11.0/2.1.0
// sourceMappingURL コメントは圧縮ファイルに含まれません。
私が理解しているブラウザ、少なくとも Chrome では、デフォルトでソース マッピングが無効になっているわけではありません。これは、アプリケーションのユーザーがデフォルトでこのソース マッピング リクエストをトリガーすることを意味します。
//@ sourceMappingURL=jquery.min.map
JavaScript ファイルからを削除することで、ソース マッピングを削除できます。
他の回答の指示に従った後、これを機能させるには、マップファイルからバージョンを削除する必要がありました。
例: 名前の変更
jquery-1.9.1.min.map
に
jquery.min.map
私は同じ問題を提示されました。私にとっての原因は、GruntがJavaScript ファイルを連結したことでした。
;\n
ソース マップへのパスを 404 にするセパレータとしてを使用していました。
jquery.min.map;
そのため、開発ツールは の代わりに を探していましたjquery.min.map
。
それが元の質問に対する答えではないことはわかっていますが、同様の Grunt 構成を持つ他の人がいると確信しています。
jQuery 1.11.0/2.1.0 // sourceMappingURL コメントは圧縮ファイルに含まれません。
ファイルが実際にサーバー上に存在することを確認したと仮定すると、これは、Web サーバーが提供するファイルの種類を制限していることが原因である可能性もあります。