Visualizzo messaggi di errore relativi a un file, min.map
non trovati:
OTTIENI jquery-1.10.2.min.map di jQuery sta attivando un 404 (non trovato)
Immagine dello schermo
Da dove viene questo?
Visualizzo messaggi di errore relativi a un file, min.map
non trovati:
OTTIENI jquery-1.10.2.min.map di jQuery sta attivando un 404 (non trovato)
Da dove viene questo?
Risposte:
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 è richiesto solo quando si utilizza DevTools.
I tuoi utenti non colpiranno questo 404.
Ora puoi risolvere questo problema o disabilitare la funzionalità sourcemap.
Quindi, è una soluzione semplice. Vai su http://jquery.com/download/ e fai clic sul link Scarica il file della mappa per la tua versione e vorrai scaricare anche il file non compresso.
La presenza del file della mappa ti consente di eseguire il debug del tuo jQuery minimizzato tramite le fonti originali, il che farà risparmiare molto tempo e frustrazione se non ti piace gestire nomi di variabili come a
e c
.
Maggiori informazioni sulle mappe di origine qui: Introduzione alle mappe di origine JavaScript
Invece di ottenere i file, in alternativa puoi disabilitare completamente le mappe di origine JavaScript per ora, nelle tue impostazioni. Questa è un'ottima scelta se non prevedi mai di eseguire il debug di JavaScript in questa pagina. Utilizzare l'icona a forma di ingranaggio in basso a destra in DevTools, per aprire le impostazioni, quindi:
È possibile rimuovere il 404 rimuovendo la linea
//@ sourceMappingURL=jquery-1.10.2.min.map
dalla parte superiore del file jQuery.
La parte superiore del file jQuery sarà simile a 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 / 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. Gli strumenti per sviluppatori (attualmente build notturne di WebKit, Google Chrome o Firefox 23+) possono analizzare automaticamente la mappa di origine e farla apparire come se si eseguono file non mininati e non combinati. (Maggiori informazioni qui )
Come annunciato nella jQuery 1.11.0/2.1.0 Beta 2 Released
mappa di origine, il commento verrà rimosso, quindi il problema non verrà visualizzato nelle versioni più recenti di jQuery
.
Ecco l'annuncio ufficiale:
Una delle modifiche che abbiamo apportato in questa versione beta è rimuovere il commento della mappa sorgente. Le mappe di origine hanno dimostrato di essere una cosa molto problematica e sconcertante per gli sviluppatori, generando decine di domande confuse su forum come StackOverflow e inducendo gli utenti a pensare che jQuery stesso fosse rotto.
Tuttavia, se è necessario utilizzare una mappa di origine, sarà comunque disponibile:
Continueremo a generare e distribuire sourcemap, ma sarà necessario aggiungere il commento sourcemap appropriato alla fine del file minimizzato se il browser non supporta l'associazione manuale dei file delle mappe (attualmente, nessuno lo fa). Se generi il tuo file jQuery usando il processo di compilazione personalizzato, il commento della mappa sorgente sarà presente nel file minimizzato e la mappa verrà generata; puoi lasciarlo dentro e usare le mappe di origine o modificarlo e ignorare del tutto il file della mappa.
Qui puoi trovare maggiori dettagli sulle modifiche.
Qui puoi trovare la conferma che con il jQuery 1.11.0/2.1.0 Released
commento della mappa di origine nel file minimizzato viene rimosso.
Scarica il file della mappa e la versione non compressa di jQuery .
Mettili con la versione minimizzata:
Includi la versione ridotta nel tuo HTML :
Controlla in Google Chrome:
Familiarizzare con il debug di JavaScript
Le nuove versioni di jQuery richiedono questo file http://code.jquery.com/jquery-1.10.2.min.map
L'usabilità di questo file è descritta qui http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
Aggiornare:
jQuery 1.11.0 / 2.1.0
// Il commento di sourceMappingURL non è incluso nel file compresso .
A quanto mi risulta il browser, almeno Chrome, non disattiva la mappatura di origine per impostazione predefinita. Ciò significa che gli utenti dell'applicazione attiveranno questa richiesta di mappatura di origine per impostazione predefinita.
È possibile rimuovere il mapping di origine eliminando //@ sourceMappingURL=jquery.min.map
dal file JavaScript.
Se si desidera ottenere una versione diversa del file della mappa di origine, è possibile utilizzare questo collegamento http://code.jquery.com/jquery-x.xx.x.min.map
Invece x.xx.x inserisci il tuo numero di versione.
Nota: alcuni collegamenti, che si ottengono con questo metodo, potrebbero essere interrotti :)
Mi è stato presentato lo stesso problema. La causa per me è stata che Grunt ha concatenato il mio file JavaScript.
Stavo usando un ;\n
come separatore che ha portato il percorso alla mappa sorgente a 404.
Così strumenti di sviluppo era alla ricerca di jquery.min.map;
posto di jquery.min.map
.
So che non è la risposta alla domanda originale, ma sono sicuro che ce ne sono altri con una configurazione Grunt simile.
jQuery 1.11.0 / 2.1.0 il commento // sourceMappingURL non è incluso nel file compresso.
Supponendo che tu abbia verificato che il file sia effettivamente presente sul server, ciò potrebbe anche essere causato dal tuo server web che limita i tipi di file offerti: