web-dev-qa-db-ja.com

jQueryのjquery-1.10.2.min.mapが404(Not Found)をトリガーしています

ファイルmin.mapに関するエラーメッセージが見つかりません。

GET jQueryのjquery-1.10.2.min.mapが404(Not Found)をトリガーしています


スクリーンショット

enter image description here

これはどこから来たのですか?

1038
Paul Irish

Chrome DevToolsが.mapファイルの404(多分jquery-1.10.2.min.mapjquery.min.mapjquery-2.0.3.min.mapのいずれかで起こり得る)を報告している場合、最初に知っておくべきことはDevToolsを使用する場合にのみ要求されることです。 あなたのユーザーはこの404を打つことはないでしょう。

これで、これを修正したり、ソースマップ機能を無効にしたりできます。

修正:ファイルを入手する

次に、簡単な修正です。 http://jquery.com/download/ にアクセスして、バージョンのマップファイルのダウンロードリンクをクリックすると、圧縮されていないファイルもダウンロードされるはずです。

enter image description here

マップファイルを適切な場所に配置することで、元のソースを使用して最小化されたjQueryをデバッグできます。acのような変数名を処理したくない場合は、時間とフラストレーションを大幅に節約できます。

ソースマップの詳細はこちら: JavaScriptソースマップの概要

回避:ソースマップを無効にする

ファイルを取得する代わりに、あなたの設定でJavaScriptソースマップを今のところ完全に無効にすることもできます。このページでJavaScriptのデバッグを計画していない場合、これは良い選択です。 DevToolsの右下にある歯車のアイコンを使用して設定を開きます。 enter image description here

1264
Paul Irish

行を削除して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以降)は、ソースマップを自動的に解析して、あたかも未整理の未結合ファイルを実行しているように見せることができます。 (これについてもっと読む here

273
kiranvj

jQuery 1.11.0/2.1.0 Beta 2 Releasedで発表されたように、ソースマップのコメントは削除されるので、この問題はjQueryの新しいバージョンでは現れません。

これが公式発表です:

このベータ版で行った変更の1つは、ソースマップのコメントを削除することです。ソースマップは、StackOverflowのようなフォーラムで混乱した質問を大量に生成し、jQuery自体が壊れているとユーザーに思わせる、開発者にとって非常に問題が多く不可解なことであることが証明されています。

とにかく、ソースマップを使う必要があるなら、それはまだ利用可能です:

ソースマップの生成と配布は引き続き行いますが、ブラウザがマップファイルの手動による関連付けをサポートしていない場合は、縮小ファイルの最後に適切なソースマップコメントを追加する必要があります(現在、なし)。カスタムビルドプロセスを使用して独自のjQueryファイルを生成すると、ソースマップのコメントが縮小ファイルに表示され、マップが生成されます。そのままにしてソースマップを使用するか、編集してマップファイルを完全に無視することができます。

ここ あなたは変更についてより多くの詳細を見つけることができます。


ここ あなたは、jQuery 1.11.0/2.1.0 Releasedによって、縮小ファイルのソースマップコメントが削除されていることを確認できます。

43
gotqn
  1. ダウンロード マップファイルと非圧縮バージョンのjQuery。縮小版でそれらを入れてください: JavaScript

  2. HTMLに縮小版を含めます。 HTML

  3. Google Chromeをチェックインします。 Google Chrome

  4. 読むJavaScriptのソースマップの紹介

  5. に慣れる - JavaScriptのデバッグ

40
kayz1

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 comment 圧縮ファイルに含まれていません

16
Andres Separ

私はブラウザ、Chromeを理解していますが、デフォルトではソースマッピングを無効にしていません。つまり、アプリケーションのユーザーはデフォルトでこのソースマッピング要求をトリガします。

JavaScriptファイルから//@ sourceMappingURL=jquery.min.mapを削除すると、ソースマッピングを削除できます。

9
James J. Ye

ソースマップファイルの異なるバージョンを入手したい場合は、このリンクを使用することができます http://code.jquery.com/jquery-x.xx.x.min.map

代わりにx.xx.xはあなたのバージョン番号を入れます。

注:この方法で得られたリンクは壊れているかもしれません:)

9
Andriyun

他の答えの指示に従った後、これが私のために働くためにマップファイルからバージョンを取り除く必要がありました。

例:名前の変更

jquery-1.9.1.min.map

jquery.min.map

8
drobison

私は同じ問題を提示されました。私の原因は Grunt 私のJavaScriptファイルを連結したことです。

私は;\nをセパレータとして使っていたため、ソースマップへのパスが404になりました。

そこで開発ツールはjquery.min.map;の代わりにjquery.min.mapを探していました。

私はそれが最初の質問に対する答えではないことを知っています、しかし私はそこに同様のGrunt構成を持つ他の人がいると確信しています。

6
nickspiel

jQuery 1.11.0/2.1.0 // sourceMappingURLコメントは圧縮ファイルに含まれていません。

5
user3235672

ファイルが実際にサーバー上に存在することを確認したと仮定すると、これはWebサーバーがどのファイルタイプを提供するかを制限していることが原因である可能性もあります。

1
Molomby