angular.min.js.map non trovato, che cos'è esattamente?

322

Quando carico la pagina e controllo la console di Chrome trovo questi errori: inserisci qui la descrizione dell'immagine

che cosa sono esattamente i file delle mappe in angolare?

Ho fatto riferimento a angular.min.js ma non a angular.min.js.map. In ogni caso sto usando la versione angolare 1.2 rc e ho appena iniziato a vedere questi errori quando sono passato a questa versione.

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

angularjs

— raberana
fonte

Non riesco a leggere la tua immagine, ma ho trovato questo: html5rocks.com/en/tutorials/developertools/sourcemaps

— ninMonkey

ah .. quindi sembra che questo non sia un evento esclusivo angolare ... fammi leggere prima .. grazie mille

— raberana

hey scimmia, puoi rispondere alla domanda .. hai ragione ..

— raberana

possibile duplicato di sourceMappingURL da jquery genera un errore 404 in apache

— Salvador Dali

Risposte:

385

Come dicevano eaon21 e monkey, i file delle mappe di origine trasformano sostanzialmente il codice minimizzato nella sua versione non minuta per il debug.

Puoi trovare i file .map qui . Aggiungili nella stessa directory dei file js minimizzati e smetterà di lamentarti. Il motivo per cui vengono recuperati è il

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

alla fine di angular.min.js. Se non si desidera aggiungere i file .map, è possibile rimuovere tali righe e il tentativo di recupero verrà interrotto, ma se si prevede di eseguire il debug è sempre consigliabile mantenere collegate le mappe di origine.

— Jussi Kosunen
fonte

Non è necessario rimuovere le linee, poiché i file .map vengono recuperati solo con la Console per gli sviluppatori aperta :)

— NicoJuicy,

Vero, ma la domanda originale era specificamente sugli errori che compaiono negli strumenti di sviluppo. Inoltre, non è mai una cosa negativa ridurre i 404 non necessari nei registri del server.

— Jussi Kosunen,

Secondo me non si tratta dei registri del server, ma degli errori di Chrome che riceve. Devo ammettere che genererà i log del server e il tuo commento è valido;)

— NicoJuicy,

Se hai più file come bootstrap.css, angular-message.min.js, angular-route.min.js, ecc., Anche quei file conterranno tali sourceMappingURLalla fine di ciascuno di essi. L'eliminazione di quella riga in ciascuno di questi file eliminerà i fastidiosi messaggi di errore nella Console per gli sviluppatori.

— Devner,

Nel browser Safari, questi problemi di involucro dell'errore JS: [Errore] Impossibile caricare la risorsa: il server ha risposto con uno stato 404 (Non trovato) (angular.min.js.map, linea 0). grazie per aver fornito i collegamenti ai file.

— Sinto

105

Monkey ha ragione, secondo il link fornito da monkey

Fondamentalmente è un modo per mappare un file combinato / minimizzato su uno stato non costruito. Quando si crea per la produzione, insieme a minimizzare e combinare i file JavaScript, si genera una mappa di origine che contiene informazioni sui file originali. Quando si esegue una query su un determinato numero di riga e colonna nel JavaScript generato, è possibile effettuare una ricerca nella mappa di origine che restituisce la posizione originale.

Non sono sicuro che sia colpa angolare che non siano stati generati file delle mappe. Ma puoi disattivare i file delle mappe di origine deselezionando questa opzione nelle impostazioni della console di Chrome

inserisci qui la descrizione dell'immagine

— raberana
fonte

+1 per l'impostazione della console Chrome; molto meglio che modificare la fonte o dover scaricare i file della mappa quando non necessari.

— Jeremy Ferguson,

+1 per questo oltre un anno dopo. Bravo. Che mistero era quell'ambientazione!

— bob.mazzo,

In Chrome, apri la finestra di dialogo delle impostazioni tramite: Premi F12 per aprire Developer Tools> Fai clic sul pulsante Impostazioni nell'angolo in alto a destra diDeveloper Tools

— Tho

Esiste un ambiente simile per il safari?

— user1872384