Bootstrap harita dosyasını yüklemeye çalışıyor. Nasıl devre dışı bırakılır? Yapmam gerekiyor mu?

Son zamanlarda bootsrap3 ile oynuyorum. Kaynaklardan derledim ve projeme distr js ve css ekledim. Mesele şu ki, GH geliştirme araçlarında .map.css dosyasını almaya çalıştığını görüyorum. Neden bunu yapmak istiyor? Nasıl devre dışı bırakılır? Devre dışı bırakmam gerekiyor mu? Dev araçlarında bir hata işareti olmaması için o harita dosyasını ekledim, ardından tüm stiller daha az dosyada tanımlandığı gibi görüntüleniyor, bu da bana pek yardımcı olmuyor.

Satırı sil /*# sourceMappingURL=bootstrap.css.map */danbootstrap.css

.map dosyaları, tarayıcının küçültülmüş JS'nin tam sürümünü indirmesine izin verir. Gerçekten hata ayıklama amaçlıdır.

Aslında, .map eksik bir sorun değildir. Tarayıcı, Geliştirici araçlarını açtığında, küçültülmüş bir dosya algıladığından ve yalnızca JS hata ayıklamasının olabileceği kadar iyi olmayacağını bildirdiği için eksik olduğunu biliyorsunuz.

Bu nedenle jQuery gibi kitaplıklar tam, küçültülmüş ve harita dosyasına da sahiptir.

.Map dosyalarının tam açıklaması için bu makaleye bakın :

Çizgiyi kaldır /*# sourceMappingURL=bootstrap.css.map */ içindebootstrap.css

Hata devam ederse, tarayıcının önbelleğini temizleyin (CTRL + F5).

"/*# sourceMappingURL=bootstrap.min.css.map */ "Aşağıdaki dosyalardaki satırı silin .

• css / bootstrap.min.css
• css / bootstrap.css

Linux'ta dosya yolunu getirmek için şu komutu kullanın find / -name "\*bootstrap\*"

Bu, yalnızca geliştirme araçlarını kullandığınızda olur ve üretim sunucusuna erişen normal kullanıcılar için olmaz.

Her durumda, bu davranışı dev-tools'ta devre dışı bırakmayı yararlı buldum : ayarları açın ve "Kaynak haritalarını etkinleştir" seçeneğinin işaretini kaldırın.

Artık harita dosyalarına erişme denemesi olmayacak.

Doğru .map dosyanız yoksa ve bootstrap.css'deki satırları düzenlemek istemiyorsanız, sahte bir .map dosyası oluşturabilirsiniz.

Benim durumumda şu hatayı görüyordum:

GET /bootstrap.css.map not found.

Bu yüzden / public dizininde boş bir bootstrap.css.map oluşturdum ve hata durdu.

Sil / * # SourceMappingURL = bootstrap.min.css.map * / in css / bootstrap.min.css dosyasını

ve / * # sourceMappingURL = bootstrap.css.map * / in css / bootstrap.css dosyasını silin

Bootstrap.css'den son satırı kaldır / * # sourceMappingURL = bootstrap-theme.css.map * /

Google Dev-Tools'da da uyarılar aldım ve bootstrap.min.css'nin olduğu aynı klasöre yalnızca bootstrap.min.css.map dosyasını ekledim.

Artık daha fazla uyarım yok ve burada daha fazla açıklama bulabilirsiniz: https://github.com/twbs/bootstrap#whats-included

Umarım sorunuzu cevaplamışımdır.

Benim için bootstrap.css ile birlikte boş bir bootstrap.css.map oluşturdu ve hata durdu.

Bu satırı silmek sorunu düzeltir, ancak sorun şu ki, hızlandırma dosyaları bower_components ve kaynak kontrolüne .

Bu nedenle, ekipteki her geliştirici, depoyu çekip yaptıklarında harita referansıyla birlikte css dosyasını alacaktır. bower install (yeni bir repo kullanmanın bir parçası olan) .

Dosya, orada olmayan bir haritaya referans içermemelidir.

Tamam Son zamanlarda bu sorunla karşılaştım, bu Sorunu çözmek için çok basit bir çözümüm var, şu adımları izleyin: bu dizinlere gidin src-> app-> index.html index.html'yi açın ve <base href="your app name ">bunu şu şekilde değiştirin:<base href="https://stackoverflow.com/">

Bootstrap.css'deki son satırı silin

folllowing lin / * # sourceMappingURL = bootstrap.css.map * /