2015-06-04 21 views
22

Yakın zamana kadar Chrome tarayıcım CSS kaynak harita dosyalarını doğru şekilde yüklüyordu. Şimdi değil. Krom bile olmadığını göstermektedirChrome CSS kaynak haritalarını yüklemiyor mu?

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

Ama Ağ sekmesi ve Fiddler2:

enter image description here

Ve CSS dosyaları alt kısmında bir kaynak haritalama etiketine sahip: on

ayarıdır kaynak harita dosyasını yüklemeye çalışıyorum.

Eksik olduğum bir şey var mı? sourceMappingURL sözdizimi doğru mu? "CSS kaynak haritalarını etkinleştir" ayarını açıp kapattım.

Chrome sürümü: VS Web Essentials tarafından üretilen 44.0.2403.30 Beta-m

Sourcemap dosyaları 2013.

+0

ancak son zamanlarda çalıştıkları durdurdu olsaydı, aynı sourceMappingURL sahip Chrome 43 (stabil) bölümünde kaynak haritaları yükü mı? Belki de Beta'da bir gerileme? –

+0

Sürüm 44.0.2403.89 m'ye (beta değil) geçtim. Sorun hala devam ediyor. –

+1

Kaynak haritayla ilgili sorunları ele aldığımda, normalde dosyamın kaynak haritalarının oluşturulduğu zaman yapılandırılmış olması nedeniyle değişiyordu (kemanın ne dediğini açıklamıyor). Geçmişte bu amaçla kullanmış olduğum bir çözüm, geliştirme sırasında kaynak haritaların kendileri için JS dosyalarını kendileri içine alması ve daha sonra üretim sırasında kaynak haritaların çıkarılmasıdır. Dosyalar çok büyük, ama sadece geliştirme aşamasında olduğu için önemli değil. –

cevap

5

Aşağıdaki adımları deneyebilirsiniz:

1- silmek harita dosyasını yeniden oluşturun ve yeniden oluşturun.

2- krom denetçisini kullanarak, Ayarlar> Genel seçeneğine gidin ve ardından düğmesine tıklayın "Varsayılanları geri yükle ve yeniden" CSS dosyası base64 olarak gömülü sourcemapping sahip olduğunda

+1

Bu cevapta neden -1'e sahip olduğunuzdan emin olun, ancak birçok denemeden sonra web üzerinden arama yapın. kaynak haritalarım nihayet cevabınız sayesinde çalışıyor. TEŞEKKÜR EDERİM!!! – Er85

+0

Chrome 52'den itibaren, "Varsayılanları geri yükle ve yeniden yükle" düğmesi, Ayarlar> Tercihler'in sağ alt kısmında yer alır. Ayarlara ulaşmak için denetçinin sağ üstündeki dikey elips (⋮) kullanın. –

+1

"Varsayılanları Geri Yükle" çalıştı! Teşekkürler! –

3

, o zaman iyi iş gibi görünüyor. Örneğin

:

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

Peki sass'ın sourceMap'ı nasıl üretmesini sağlayabilirim? – deathangel908

+1

@ deathangel908 Yanıtı, kullandığınız SASS işlemcinin belgelerinde bulabilirsiniz. –

+0

@ deathangel908 gulp-sass sayfasında Gulp ile ilgili bir örnek var, sadece "kaynak harita" araması yap https://www.npmjs.com/package/gulp-sass – retrovertigo