Sto vedendo messaggi di errore su un file, min.map
, che non è stato trovato:
GET jQuery's jquery-1.10.2.min.map sta generando un 404 (Not Found)
Da dove viene questo?
Se Chrome DevTools sta segnalando un 404 per un file .map (forse jquery-1.10.2.min.map
, jquery.min.map
o jquery-2.0.3.min.map
, ma può succedere con qualsiasi cosa) la prima cosa da sapere è che questo viene richiesto solo quando si usano i DevTools.
**I vostri utenti non colpiranno questo 404.
Ora puoi risolvere questo problema o disabilitare la funzionalità sourcemap.
Poi, è una soluzione facile. Andate su http://jquery.com/download/ e cliccate sul link Scarica il file della mappa per la vostra versione, e vorrete scaricare anche il file non compresso.
Avere il file di mappa sul posto ti permette di fare il debug del tuo jQuery minificato attraverso i sorgenti originali, il che ti farà risparmiare un sacco di tempo e frustrazione se non ti piace avere a che fare con nomi di variabili come a
e c
.
Maggiori informazioni sulle mappe dei sorgenti qui: Un'introduzione alle mappe dei sorgenti JavaScript
Invece di ottenere i file, puoi alternativamente disabilitare completamente le mappe sorgenti JavaScript per ora, nelle tue impostazioni. Questa è una buona scelta se non hai intenzione di eseguire il debug di JavaScript su questa pagina. Usa l'icona a forma di ingranaggio in basso a destra di DevTools, per aprire le impostazioni, quindi:
Puoi rimuovere il 404 rimuovendo la linea
//@ sourceMappingURL=jquery-1.10.2.min.map
dalla parte superiore del tuo file jQuery.
La parte superiore del file jQuery sarà come questa.
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery-1.10.2.min.map
*/
Basta cambiarlo in
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license */
Fondamentalmente è un modo per mappare un file combinato/minificato ad uno stato non costruito. Quando si costruisce per la produzione, insieme alla minificazione e alla combinazione dei file JavaScript, si genera una mappa dei sorgenti che contiene informazioni sui file originali. Quando si interroga un certo numero di riga e colonna nel JavaScript generato, si può fare una ricerca nella mappa dei sorgenti che restituisce la posizione originale. Gli strumenti di sviluppo (attualmente WebKit nightly builds, Google Chrome, o Firefox 23+) possono analizzare automaticamente la mappa dei sorgenti e far apparire come se si stessero eseguendo file non minificati e non combinati. (Leggi di più su questo qui)
Da quanto ho capito il browser, almeno Chrome, non disabilita la mappatura delle fonti per default. Ciò significa che gli utenti della tua applicazione attiveranno questa richiesta di mappatura delle fonti per impostazione predefinita.
Puoi rimuovere il source mapping cancellando il //@ sourceMappingURL=jquery.min.map
dal tuo file JavaScript.