10

İstemci JS'yi devtool: 'source-map' seçeneğiyle oluşturmak için webpack kullanıyorum, bu yüzden JS bundle'um //# sourceMappingURL=app.bundle.js.map'da bitiyor. Chrome devtools'u açtığımda, Chrome "Kaynak Haritası algılandı" başlıklı bir banner gösterir, ancak gerçekte navigasyondaki orijinal kaynakları göstermez. Sunucu erişim günlüklerim kaynak harita için herhangi bir istek göstermiyor.Chrome, JS kaynak haritasını istemiyor, ancak Firefox,

Firefox dev araçlarıyla aynı sayfayı açtığımda, kaynak haritayı tam da beklendiği gibi yükler.

Diğer tüm varlıklar düzgün yüklenir. Tarayıcı önbelleğimi temizlememe yardımcı olmuyor.

Bunu deneyimleyen var mı? Bu bir Chrome hatası mı?

+0

Sadece bana oldu. Konsolumu kapattım (ara verdiğim duraklama/ara sona erdi, fakat bu benim için tamam oldu) ve daha sonra konsolumu yeniden açtı ve haritalanan kaynak beklendiği gibi gösterildi. Bunu bir "Cevap" olarak sunmuyorum çünkü orijinal sorunun nedenini bilmiyorum ve duraklatılmış/kaynama noktasını bırakmadan eşlenen kaynağın nasıl görüntüleneceğini bilmiyorum. –

cevap

1

Google Chrome v53 numaralı telefondan iki kez kontrol ettim, 200 veya 404 numaralı yanıt durumu ne olursa olsun, kaynaklarla ilgili istekleri (Ağ sekmesi/Konsolu) günlüğe kaydetmez. Bu, web sunucunuzun hizmet verdiğinden emin olmanız gerektiği anlamına gelir. dosya doğru. Bunun için sourcemap URL'sini tarayıcıda açabilirsiniz.

//# sourceMappingURL=sourcefile.js.map 

localhost:3000/path/to/your/sourcefile.js.map 

Alternatif olarak, yapınızı değiştirmek için sourcemap'in js dosyasında satır içi olmasını sağlayabilirsiniz. O zaman onu sunucudan almanız gerekmez.

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uI... 
İlgili konular