jQueryのjquery-1.10.2.min.mapが404（見つかりません）をトリガーしています

1061

min.map見つからないファイルに関するエラーメッセージが表示されます。

GET jQueryのjquery-1.10.2.min.mapが404（Not Found）をトリガーしている

スクリーンショット

ここに画像の説明を入力してください

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

javascript  jquery  google-chrome-devtools 
— ポール・アイリッシュ
ソース
1
私の問題を解決するために、私はこの回答の詳細には従いませんでした。私のサイトは、jsファイルのみを使用しており、マップは使用していません。これを解決するためにブラウザのキャッシュをクリアし、ブラウザを再起動しました。ASP.NETジェネリックハンドラー（ExtDirectProxy.ashx）で500内部サーバーエラーを受け取り、jqueryにデータを渡してページを読み込むと、このエラーが発生し始めました。 stackoverflow.com/questions/26135251/…–
— MacGyver
1
必要なバージョンを変更し、以下のURLからダウンロードして、名前をcode.jquery.com/jquery-1.11.1.min.mapに
— Iman
1
これはダウンロードが遅くなります。ブラウザは必要ない場合でもこれをダウンロードするからです。
— クエンティン
1
Quentin2 @ごとにhtml5rocks.com/en/tutorials/developertools/sourcemaps あなたがソースマップを有効にしてご使用のdevのツールが開いている場合は、ソースマップファイルのみがダウンロードされます。
— Mathemats

回答:

1271

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。

ここでソースマップの詳細：JavaScriptソースマップの概要

ダッジ：ソースマップを無効にする

ファイルを取得する代わりに、設定でJavaScriptソースマップを完全に無効にすることもできます。このページでJavaScriptをデバッグする予定がない場合は、これが適切な選択です。DevToolsの右下にある歯車のアイコンを使用して設定を開き、次の手順を実行します。 ここに画像の説明を入力してください

— ポール・アイリッシュ
ソース
9
私はこれに投票します（あなたがあなた自身の質問に答えたとしても）。今日初めて気づいたからです。それを理解しようとすると少し頭がおかしくなり、2つのサイトで同じ404エラーが発生していることに気付き、「ソースマップを有効にする」オプションが思い浮かびました...それが、開発ツールを見るために得られるものです話し、すべてを一度にオンにします。あなたが提供したドキュメントを調べます。
— adam-asdf 2013
47
追加することが2つあります。1） jQueryマップファイルをダウンロードするだけでは不十分です。圧縮されていないソースコードも必要です（そうしないと、デバッグ中に空のjquery-*。jsファイルが表示されます）。2） CDNの1つからjQueryをロードする場合、3つのファイル（マップ、圧縮、非圧縮のソースコード）はすべて同じ場所にあり、すぐにデバッグを開始できます。
— Konrad Dzwinel 2013
42
DevToolsからこのために404を上げる必要があるかどうかはわかりません。それにもかかわらず、少なくとも私は今それを処理する方法を知っています。また、あなたはあなたを知っているだけのように、ADAM-空自@積極的に... SO上でご自身の質問に答えるために奨励されmeta.stackexchange.com/questions/17845/...を
— グレッグ
12
@Gregに同意します。（Chrome / DevToolsに代わってリクエストされた）ソースマップのコンソールで404エラーが発生しても、あまり役に立ちません。特に、そのリソースが要求されている理由（またはどこから）が理解されない人も多いためです。
— idbehold 2013
9
@ SpYk3HHはあなた自身の答えを受け入れることは全く問題ありませんし、サードパーティのライブラリを編集することは本当にお勧めできません。
— Lipis 2013年
276

行を削除して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以降）はソースマップを自動的に解析し、縮小化されていない結合されたファイルを実行しているように見せることができます。（これについてはこちらをご覧ください）

— キランヴィ
ソース
申し訳ありませんが、私が言ったのは、この行が必要になることはありますか？
— Flion
6
縮小されたJSソースコードをデバッグする必要がある場合にのみ必要です。詳細については、ここの2番目の段落を確認してください。html5rocks.com
— en /
5
選択した回答をする前にこれを見たことがありますか。これははるかに簡単であり、第一の答えであるべきです。opの自己回答は情報には適していますが、この煩わしさをg3etで解消する方法をググるときに最初に出てくる質問であるため、間違いなく二次的です。
— SpYk3HH 2013
13
そのようなものを取り除くためにライブラリを編集することは良い選択ではありません。jqueryを更新するたびに、この行が再び表示されます。
— Arman P.
6
2014年1月の時点で、sourcemap参照は jQueryディストリビューションに含まれていません。
— Dan Esparza 2014年
44

jQuery 1.11.0/2.1.0 Beta 2 Releasedソースマップでアナウンスされると、コメントが削除されるため、問題はの新しいバージョンでは表示されませんjQuery。

これが公式発表です：

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

とにかく、ソースマップを使用する必要がある場合は、引き続き使用できます。

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

ここで、変更の詳細を確認できます。

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

— gotqn
ソース
1
しかし、この混乱がなかったら、ここで調べて、地図が存在することを知ることはなかったでしょう。覗き込みたい縮小ファイルに手動でスペースを追加していました。
— icedwater 2016年
1
Chromeブラウザには、縮小されたファイルをきれいにフォーマットするボタンがあります。オンラインのプリティファイアも利用できます。
— クエンティン
16

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コメントは圧縮ファイルに含まれません。

— アンドレス・セパー
ソース
3
いいえ、jQueryがそのファイルを「必要」としているとは思いません。デバッグ中にソースマップを使用する場合にのみ必要です。この場合、srcファイルとマップファイルの両方が必要です。
— スタイフル2014年
1
こんにちは@styfle、バージョン1.10.2ではソースマップが必要でしたが、バージョン1.11.0 / 2.1.0から手動で追加する必要があります。これは、多くのユーザーがブラウザコンソールで生成されたエラーの影響を受けていたためです
— Andres Separ
9

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

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

— ジェームズJ.イェ
ソース
8

他の回答の手順を実行した後、これを機能させるには、マップファイルからバージョンを削除する必要がありました。

例：名前の変更

jquery-1.9.1.min.map

に

jquery.min.map

— ドロビソン
ソース
6

同じ問題が発生しました。私の原因は、JavaScriptファイルを連結するGruntでした。

;\nソースマップへのパスを404にする区切り文字としてa を使用していました。

したがって、開発ツールはのjquery.min.map;代わりに探していましたjquery.min.map。

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

— ニックスピル
ソース
5

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

— user3235672
ソース
1

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

— モロンビー
ソース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.