Bu hatayı Google Chrome geliştirici konsolunda alıyorum.
SourceMap ayrıştırılamadı: http: // localhost: 15132 / Script / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map
Nasıl düzeltebilirim?
ESRI: Kaynak harita ayrıştırılamadı
Yanıtlar:
Chrome kısa süre önce geliştirici araçlarına kaynak haritaları için destek ekledi. Chrome geliştirici araç çubuğundaki ayarların altına girerseniz aşağıdaki iki seçeneği görebilirsiniz:
Bu iki seçeneği devre dışı bırakır ve tarayıcıyı yenilerseniz, artık kaynak haritaları istememelidir.
Bu ayarları burada bulabilirsiniz:
94
ne aptalca bir "özellik". Kaynak haritalarını kullanılabilir olduklarında yüklemelidir.
—
ProblemsOfSumit
Görünüm altındaki bu ekran görüntüsünün iki bölümü Tema seçeneğidir. Karanlık temayı seçtim.
—
Steropes
Bunun cevap olduğunu sanmıyorum. Bir hatayı gizlemek, sorunu 'düzeltmek' değildir. İlk etapta neden varolmayan bir kaynak harita dosyasına başvuran bir dosyanız olduğunu anlamanız ve düzeltmeye çalışmanız gerekir.
—
demisx
Dikkatli olun - bu ayarları devre dışı bırakırsanız, F5'e (n / w sekmesinde)
—
basmadıkça
Bu ayarların nerede olduğunu bulmak biraz zaman aldı. İşte nerede olduklarını gösteren bir ekran görüntüsü: i.stack.imgur.com/JQcnN.png . Belki bunu cevabınıza eklemelisiniz, böylece insanlar ayarları bulmayı kolaylaştırır.
—
Donald Duck
Seçilen cevap hatayı gizlemek için iyi bir cevap olsa da, hatayı ortadan kaldırmaz, sadece denetçide göremezsiniz. Diğer yol, eksik harita dosyasını indirip varlıklar / lib dizinine koymak olacaktır. Örneğin, angular-route.min.js.mapdosya eksikti ve buraya https://code.angularjs.org/1.5.3/ (doğru açısal sürümüne) gittim ve eksik dosyayı indirdim. Hata, büyük olasılıkla önbelleğe alma nedeniyle hemen ortadan kalkmadı, ancak tarayıcıdaki gerçek dosyaya gittiğimde işe yaradı. http://sitename.localhost/assets/lib/angular-route.min.js.map. Artık denetçi kaynak haritaları etkinleştirilmiş olsa bile hatayı görüntülemiyor.
Kaynak haritalar küçültülmüş javascript dosyalarıyla çalışmak için mükemmel olsa da, bu hata mesajı görünür ve kaynak haritalara ihtiyaç duymadığınız / kullanmak istemediğinizde bile normal hata ayıklamayı önler. Kaynak harita eklemenin sorunu çözeceği konusunda haklısınız, ancak sahip değilseniz normal hata ayıklamaya izin vermek için bu seçeneği devre dışı bırakmak istersiniz.
—
Steropes
Bu bana yardımcı oldu çünkü Backendless.min.js'yi kurmaya çalışıyordum
—
Ryan
Failed to parse SourceMapve Chrome konsolunda görüyordum . Sıkıştırılmamış Backendless.js'yi (olmadan .min) kullanmaya başladığımda hatayı alamadım. Sanırım belki kaynak haritalar küçültülmüş javascript kullanırken anlamsız? Sıkıştırılmış JS + kaynak haritaları kullanmak ve yalnızca üretim ortamının sıkıştırılmış JS kullanmasını sağlamak için yerel geliştirme ortamımı kurmayı deneyebilirim.
Ayrıca Chrome'da Kaynak Haritaları kapatmak için biraz araştırma yaptım ve kaynak haritaları oluşturmak için Web Essentials'ı kullanmanın sorun olduğunu gördüm.
Herhangi bir nedenle, harici bir derleyici (Koala) kullanırsam, Chrome'da başarılı bir şekilde çalışma kaynağı haritaları oluşturabilirim (hata yok). Web Essentials'ı kullanırsam kaynak haritaları ayrıştırılamaz.
Umarım bu birine yardımcı olur.
Bu konuda Web Essentials ekibinden bir kelime buldunuz mu? Bence aynı sorunu yaşıyoruz.
—
jtheis
Ne yazık ki bu konuda hiçbir şey bulamıyorum - sorgulama sürecindeyim!
—
Vicky
Web Essentials ile ilgili bir düzeltme burada bulunabilir: Google Chrome “SourceMap ayrıştırılamadı”: css.map (Web Essential)
—
Quentin S.
Genellikle küçülttüğümüz / sıkıştırdığımız CSS / JS kaynak kodu. Şimdi bu küçültülmüş dosyalarda hata ayıklamak istiyorsak küçültülmüş dosyanın sonuna aşağıdaki satırı eklemeliyiz
/*# sourceMappingURL=bootstrap.min.css.map */Bu derleyiciye kaynak dosyasının gerçekte nerede eşlendiğini söyler.
JS söz konusu olduğunda mantıklı
ama CSS söz konusu olduğunda , aslında SCSS hata ayıklaması.
Uyarıyı Kaldırmak için: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.
.htaccessYanlış ayarları nedeniyle aynı sorun vardı :
RewriteRule! ' Da RewriteEngine ! (Js | gif | jpg | png | css) $ index.php
Dosyayı değiştirerek bunu çözdüm:
RewriteRule! Üzerinde RewriteEngine ! (Js | gif | jpg | png | css | eot | svg | ttf | woff | woff2 | harita ) $ index.php
bu nedir? Apache? Web sunucusu mi yoksa sadece eklenti mi?
—
Vasilii Suricov
Bu bazen yüklediğiniz Chrome uzantılarından kaynaklanıyor olabilir. Örneğin, AdBlock .
Ne yazık ki bulabildiğim en iyi çözüm, rahatsız edici uzantıyı devre dışı bırakmaktı.
Bu çok yardımcı oldu. Teşekkür ederim, sorun gerçekten Adblock Plus'tan kaynaklandı.
—
Taranis
Bu sorunu yaşadığımda nedeni ui.bootstrap.modal modülünü kullanırken şablon dosyalarına göreli bir başvuru oldu .
templateUrl: 'js/templates/modal.html'
Bu bir kök etki alanından ( www.example.com ) çalışır, ancak bir yol eklendiğinde ( www.example.com/yol/ ) başvuru kesilir . Benim durumumdaki cevap sadece referans mutlak ( js / -> / js / ) yapmaktı .
templateUrl: '/js/templates/modal.html'
Lütfen bu URL'yi kontrol edin , içerik kalitenizi yükseltmek yararlı olacaktır
—
Willie Cheng
Teşekkürler willie, kuralları okudum. Cevabımda bir sorun var mı hissettin?
—
robstarbuck
Google DevTools'taki hata Google uzantılarından kaynaklanıyor.
- Tarayıcıdaki Google simgeme tıkladım
- açılır pencerenin altında bir konuk profili oluşturdu.
- Sonra localhost adresimi ve voila yapıştırıldı !!
Konsolda artık hata yok.
Bazı Chrome uzantıları kullanıp kullanmadığınızı kontrol edin (Gece modu veya başka bir şey). Bunu devre dışı bırakın ve 'enjekte etmenin' gidip gitmediğine bakın.
Bu sorunu AdBlock Uzantısı nedeniyle fark ettim, sorunun çözüldüğü AdBlock uzantısını kapattım.