angular.min.js.mapが見つかりません、正確には何ですか?


322

ページをロードしてChromeコンソールを確認すると、次のエラーが見つかります。 ここに画像の説明を入力してください

正確にマップファイルは角度で何ですか?

angular.min.jsを参照しましたが、angular.min.js.mapは参照しませんでした。ちなみに角度1.2 rcリリースを使用していますが、このリリースに切り替えたときにこれらのエラーが表示され始めました。

ERRORS:
GET http://localhost:44786/Scripts/angular-route.min.js.map 404 (Not Found)       :44786/Scripts/angular-route.min.js.map:1
GET http://localhost:44786/Scripts/angular-animate.min.js.map 404 (Not Found) :44786/Scripts/angular-animate.min.js.map:1
GET http://localhost:44786/Scripts/angular-resource.min.js.map 404 (Not Found) :44786/Scripts/angular-resource.min.js.map:1
GET http://localhost:44786/Scripts/angular.min.js.map 404 (Not Found) :44786/Scripts/angular.min.js.map:1

6
私はあなたの画像を読むことができません、しかし私はこれを見つけました:html5rocks.com/en/tutorials/developertools/sourcemaps
ninMonkey

1
ああ..だから、これは角度限定のイベントではないようです...最初に読んでみましょう...どうもありがとう
raberana '25

1
ちょっと猿、あなたは質問に答えることができます..あなたは正しいです..
raberana 2013

回答:


385

eaon21とmonkeyが言ったように、ソースマップファイルは基本的に、縮小化されたコードをデバッグ用の非縮小化バージョンに変換します。

ここで .mapファイルを見つけることができます。それらを縮小化されたjsファイルと同じディレクトリに追加するだけで、エラーが発生しなくなります。彼らが取得される理由は

/*
//@ sourceMappingURL=angular.min.js.map
*/

angular.min.jsの最後に。.mapファイルを追加したくない場合は、それらの行を削除してフェッチの試行を停止できますが、デバッグを計画している場合は、ソースマップをリンクしたままにしておくことをお勧めします。


58
.mapファイルは開発者コンソールを開いた状態でのみフェッチされるため、行を削除する必要はありません:)
NicoJuicy

4
確かに、元の質問は、開発ツールに表示されるエラーに関するものでした。また、サーバーログの不要な404を減らすことは決して悪いことではありません。
Jussi Kosunen 2014

1
私によると、それはサーバーログではなく、彼が受け取るクロームエラーに関するものです。私は認めなければなりません、それはサーバーログを生成し、あなたのコメントは有効です;)
NicoJuicy

bootstrap.css、angular-messages.min.js、angular-route.min.jsなどの複数のファイルがある場合、それらのファイルでさえsourceMappingURL、各ファイルの最後にそのようなファイルが含まれます。これらの各ファイルでその行を削除すると、開発者コンソールの厄介なエラーメッセージが削除されます。
Devner 2016年

1
Safariブラウザでは、これらのJSエラーのケーシングの問題:[エラー]リソースのロードに失敗しました:サーバーはステータス404(見つかりません)(angular.min.js.map、0行目)で応答しました。ファイルリンクを提供してくれてありがとう。
Sinto 2016

105

猿が与えたリンクによると、猿は正しい

基本的には、結合/縮小されたファイルを未構築の状態にマッピングする方法です。プロダクション用にビルドするときは、JavaScriptファイルを縮小して結合するとともに、元のファイルに関する情報を保持するソースマップを生成します。生成されたJavaScriptで特定の行と列の番号をクエリすると、元の場所を返すソースマップでルックアップを実行できます。

Angularのせいでマップファイルが生成されなかったかどうかはわかりません。ただし、Chromeコンソールの設定でこのオプションをオフにすると、ソースマップファイルをオフにできます

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


13
クロムコンソール設定の+1。ソースを編集したり、不要なときにマップファイルをダウンロードするよりもはるかに優れています。
ジェレミー・ファーガソン

4
1年後、これを+1します。ブラボー。その設定はなんと謎だったのでしょう。
bob.mazzo 2014年

1
Chromeで設定ダイアログを開く:F12キーを押して開きDeveloper Tools、右上の[設定]ボタンをクリックしますDeveloper Tools
Tho

サファリにも同様の設定はありますか?
user1872384
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.