ESRI: impossibile analizzare la mappa di origine

Ricevo questo errore nella console per gli sviluppatori di Google Chrome.

Analisi SourceMap non riuscita: http: // localhost: 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map

Come lo aggiusto?

Chrome ha recentemente aggiunto il supporto per le mappe di origine negli strumenti di sviluppo. Se vai nelle impostazioni sulla barra degli strumenti dello sviluppatore di Chrome puoi vedere le seguenti due opzioni:

Se disabiliti queste due opzioni e aggiorni il browser, non dovrebbe più richiedere mappe di origine.

Queste impostazioni sono disponibili qui:

Mentre la risposta scelta è una buona risposta per nascondere l'errore, non fa scomparire l'errore, è solo che non puoi vederlo nell'ispettore. L'altro modo sarebbe quello di scaricare il file della mappa mancante e inserirlo nella directory assets / lib. Quindi, ad esempio, mi mancava il angular-route.min.js.mapfile e sono andato qui https://code.angularjs.org/1.5.3/ (alla versione corretta di angolare) e scaricato il file mancante. L'errore non è scomparso immediatamente, probabilmente a causa della memorizzazione nella cache, ma una volta passato al file effettivo nel browser ha funzionato. http://sitename.localhost/assets/lib/angular-route.min.js.map. Ora l'ispettore non visualizza più l'errore anche con le mappe di origine abilitate.

Oltre a semplicemente disattivare le mappe di origine in Chrome, ho fatto un po 'di ricerche e ho scoperto che l'utilizzo di Web Essentials per creare le mappe di origine sembra essere il problema.

Per qualsiasi motivo, se uso un compilatore esterno (Koala) posso creare con successo mappe di origine funzionanti in Chrome (nessun errore). Considerando che se utilizzo Web Essentials, le mappe di origine non riescono ad analizzare.

Spero che questo aiuti qualcuno.

Codice sorgente di CSS / JS che di solito abbiamo minimizzato / compresso. Ora, se vogliamo eseguire il debug di quei file minimizzati, dobbiamo aggiungere la seguente riga alla fine del file minimizzato

/*# sourceMappingURL=bootstrap.min.css.map */

Questo dice al compilatore dove è effettivamente mappato il file sorgente.

Nel caso di JS ha senso,
ma nel caso di CSS , è in realtà il debug di SCSS.

Per rimuovere Avviso: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.

Ho avuto lo stesso problema perché .htaccessha impostazioni errate:

RewriteEngine su
RewriteRule!. (Js | gif | jpg | png | css) $ index.php

Ho risolto questo modificando il file:

RewriteEngine su
RewriteRule!. (Js | gif | jpg | png | css | eot | svg | ttf | woff | woff2 | map ) $ index.php

Questo a volte può essere causato dalle estensioni di Chrome che hai installato. Ad esempio, AdBlock .

Sfortunatamente la soluzione migliore che ho trovato è stata quella di disabilitare l'estensione offensiva.

Quando ho avuto questo problema, la causa era un riferimento relativo ai file modello quando si utilizzava il modulo ui.bootstrap.modal .

templateUrl: 'js/templates/modal.html'

Funziona da un dominio principale ( www.example.com ) ma quando viene aggiunto un percorso ( www.example.com/path/ ) il riferimento si interrompe. La risposta nel mio caso è stata semplicemente quella di rendere assoluto il riferimento ( js / -> / js / ).

templateUrl: '/js/templates/modal.html'

L'errore in Google DevTools è causato dalle estensioni di Google.

1. Ho cliccato sulla mia icona di Google nel browser
2. creato un profilo ospite nella parte inferiore della finestra popup.
3. Ho quindi incollato il mio indirizzo localhost e voilà !!

Niente più errori nella console.

Controlla se stai utilizzando un'estensione Chrome (modalità notturna o qualcos'altro). Disabilita questo e vedi se l '"iniezione" è andata.

Ho notato questo problema a causa dell'estensione AdBlock, ho disattivato l'estensione AdBlock il problema è stato risolto.