javascript - underscore - ソースマップエラー firefox




jQueryのjquery-1.10.2.min.mapが404(見つからない) (8)

min.mapというファイルに関するエラーメッセージが表示されません:

jQueryのjquery-1.10.2.min.mapを実行すると、404(Not Found)

スクリーンショット

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



Chrome DevToolsが.mapファイル(おそらくjquery-1.10.2.min.mapjquery.min.mapまたはjquery-2.0.3.min.mapなど)に対して404を報告している場合は、 jquery.min.map何か知っておいてくださいこれは、DevToolsを使用する場合にのみ要求されます。 あなたのユーザーはこの404を打つことはありません。

これを修正するか、ソースマップの機能を無効にすることができます。

修正:ファイルを取得する

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

マップファイルを適切に配置することで、元のソースを使って縮小されたjQueryをデバッグすることができます.aやcような変数名を扱うのが気に入らなければ、多くの時間と欲求不満がありません。

ソースマップの詳細: JavaScriptソースマップの概要

ドッジ:ソースマップを無効にする

ファイルを取得する代わりに、JavaScriptソースマップを現在の設定で完全に無効にすることもできます。 このページでJavaScriptをデバッグすることを決して予定していないなら、これは素晴らしい選択です。 DevToolsの右下にあるアイコンアイコンを使用して設定を開き、次に:


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

ここに公式発表があります:

このベータ版で行った変更の1つは、ソースマップコメントを削除することです。 ソースマップは、のようなフォーラムで数多くの疑問を投げかけ、ユーザにjQuery自体が壊れていると思うようにさせる、開発者にとっては非常に問題があり困惑しています。

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

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

変更の詳細については、 Hereをご覧ください。

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


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

代わりに、x.xx.xにバージョン番号を入力します。

注:この方法で得られるリンクのいくつかは壊れている可能性があります:)


他の回答の指示に従った後、マップファイルからバージョンを削除して、これを動作させる必要がありました。

例:名前を変更する

jquery-1.9.1.min.map

jquery.min.map


新しいバージョンのjQueryでは、このファイルが必要ですhttp://code.jquery.com/jquery-1.10.2.min.map

このファイルのユーザビリティについては、 http: //www.html5rocks.com/jp/tutorials/developertools/sourcemaps/で説明しています。

更新:

jQuery 1.11.0 / 2.1.0

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


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

私は、ソースマップへのパスを404にするセパレータとして、 ;\nを使用していました。

devツールはjquery.min.map;を探していjquery.min.map; jquery.min.map代わりに。

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


行を削除して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+など)は、ソースマップを自動的に解析して、未対応のファイルや結合されていないファイルを実行しているかのように表示します。 (詳しくはこちら





google-chrome-devtools