2015-06-04 11 views
22

Fino a poco tempo fa, il mio browser Chrome caricava correttamente i file della mappa sorgente CSS. Ora, non lo è.Chrome non sta caricando le mappe sorgente CSS?

L'impostazione è su:

enter image description here

E i file CSS hanno un tag di mappatura fonte in basso:

/*# sourceMappingURL=Home.cshtml.css.map */ 

Ma sulla scheda Rete e Fiddler2 mostrano che Chrome non è nemmeno cercando di caricare il file della mappa sorgente.

C'è qualcosa che mi manca? La sintassi sourceMappingURL è corretta? Ho attivato e disattivato l'impostazione "Abilita mappe sorgente CSS".

Chrome versione: 44.0.2403.30 beta-m

file Sourcemap generati da Essentials Web in VS 2013.

+0

se è stato solo di recente che hanno smesso di lavorare, fare il carico di mappe fonte in Chrome 43 (stabile) con la stessa sourceMappingURL? Forse una regressione in Beta? –

+0

Sono passato alla versione 44.0.2403.89 m (non beta). Il problema sta ancora accadendo. –

+1

Quando mi sono occupata di problemi con la mappa di origine come questa, in genere è perché il mio file è stato modificato da quando sono state generate le mappe di origine (non spiega però cosa dice il violinista). Una soluzione che ho usato in passato per questo è quella di incorporare le mappe di origine nei file JS stessi durante lo sviluppo e quindi rimuovere le mappe di origine durante la produzione. I file sono enormi, ma dal momento che è solo in fase di sviluppo, non importa. –

risposta

5

È possibile provare i seguenti passaggi:

1- eliminare il mappa il file e rigeneralo di nuovo.

2- Utilizzando l'ispettore Chrome, vai a Impostazioni> Generale e quindi fare clic sul pulsante "Ripristina impostazioni predefinite e ricaricare"

+1

Non sei sicuro del motivo per cui hai ottenuto -1 su questa risposta, ma dopo molti tentativi e ricerche sul web. le mie mappe sorgente funzionano finalmente grazie alla tua risposta. GRAZIE!!! – Er85

+0

A partire da Chrome 52, il pulsante "Ripristina impostazioni predefinite e ricarica" ​​si trova in basso a destra in Impostazioni> Preferenze. Utilizzare i puntini di sospensione verticali (⋮) in alto a destra nell'ispettore per accedere alle impostazioni. –

+1

"Ripristina impostazioni predefinite" ha funzionato! Grazie! –

3

Quando il file CSS ha la sourcemapping incorporato come Base64, allora sembra funzionare bene.

Ad esempio:

/*# sourceMappingURL=data:application/json;base64,eyJ2....5235== */ 
+0

E come faccio a fare in modo che soda generi sourceMap in questo modo? – deathangel908

+1

@ deathangel908 Dovresti riuscire a trovare la risposta nella documentazione di qualsiasi processore SASS in uso. –

+0

@ deathangel908 c'è un esempio con Gulp nella pagina gulp-sass, basta cercare "mappa sorgente" https://www.npmjs.com/package/gulp-sass – retrovertigo

Problemi correlati