Saya mendapatkan kesalahan ini di konsol pengembang Google chrome.
Gagal mem-parsing SourceMap: http: // localhost: 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map
Bagaimana saya memperbaikinya?
ESRI: Gagal mem-parsing peta sumber
Jawaban:
Chrome baru-baru ini menambahkan dukungan untuk peta sumber di alat pengembang. Jika Anda pergi di bawah pengaturan pada toolbar pengembang chrome Anda dapat melihat dua opsi berikut:
Jika Anda menonaktifkan dua opsi itu, dan menyegarkan peramban, seharusnya tidak lagi meminta peta sumber.
Pengaturan ini dapat ditemukan di sini:
94
betapa bodohnya "fitur". Seharusnya hanya memuat peta sumber saat tersedia.
—
ProblemsOfSumit
Dua bagian dari screenshot ini di bawah Appearance adalah opsi Theme. Saya telah memilih tema Gelap.
—
Steropes
Saya kira ini bukan jawabannya. Menyembunyikan kesalahan bukanlah 'memperbaikinya', sungguh. Anda harus mencari tahu mengapa Anda memiliki file yang mereferensikan file peta sumber yang tidak ada di tempat pertama dan kemudian mencoba untuk memperbaikinya.
—
demisx
Hanya kata hati-hati - jika Anda menonaktifkan pengaturan itu, perlu diketahui bahwa tab jaringan Anda TIDAK akan menampilkan aktivitas lalu lintas kecuali Anda menekan F5 (pada tab n / w)
—
James Poulose
Butuh beberapa saat untuk menemukan di mana pengaturan itu berada. Berikut ini adalah tangkapan layar yang menunjukkan di mana mereka berada: i.stack.imgur.com/JQcnN.png . Mungkin Anda harus menambahkannya ke jawaban Anda sehingga lebih mudah bagi orang untuk menemukan pengaturan.
—
Donald Duck
Meskipun jawaban yang dipilih adalah jawaban yang baik untuk menyembunyikan kesalahan, itu tidak membuat kesalahan hilang, hanya saja Anda tidak dapat melihatnya di inspektur. Cara lain adalah dengan mengunduh file peta yang hilang dan meletakkannya di direktori assets / lib. Jadi, misalnya, saya kehilangan angular-route.min.js.mapfile dan saya pergi di sini https://code.angularjs.org/1.5.3/ (ke versi sudut yang benar) dan mengunduh file yang hilang. Kesalahan tidak langsung hilang, mungkin karena caching, tetapi begitu saya pergi ke file yang sebenarnya di browser itu berhasil. http://sitename.localhost/assets/lib/angular-route.min.js.map. Sekarang inspektur tidak lagi menampilkan kesalahan bahkan dengan peta sumber diaktifkan.
Sementara peta sumber sangat bagus untuk bekerja dengan file javascript yang diperkecil, pesan kesalahan ini muncul dan mencegah debugging normal bahkan ketika Anda tidak perlu / ingin menggunakan peta sumber. Anda benar bahwa menambahkan peta sumber akan memperbaiki masalah, tetapi jika Anda tidak memilikinya, Anda ingin menonaktifkan opsi ini untuk memungkinkan debugging yang normal.
—
Steropes
Ini membantu saya karena saya mencoba menyiapkan Backendless.min.js dan melihat
—
Ryan
Failed to parse SourceMapdi konsol Chrome. Ketika saya beralih menggunakan Backendless.js yang tidak terkompresi (tanpa .min), saya tidak mendapatkan kesalahan. Saya kira mungkin sumber peta tidak masuk akal saat menggunakan javascript yang diperkecil? Saya kira saya bisa mencoba untuk mengatur lingkungan dev lokal saya untuk menggunakan peta sumber JS + tidak terkompresi dan hanya memiliki lingkungan produksi menggunakan JS terkompresi.
Lebih jauh dengan hanya mematikan Sumber Maps di Chrome - Saya telah melakukan sedikit penggalian dan menemukan bahwa menggunakan Web Essentials untuk membuat peta sumber tampaknya menjadi masalah.
Untuk alasan apa pun, jika saya menggunakan kompiler eksternal (Koala) saya dapat berhasil membuat peta sumber yang berfungsi di Chrome (tidak ada kesalahan). Sedangkan jika saya menggunakan Web Essentials, peta sumber gagal diurai.
Semoga ini bisa membantu seseorang.
Sudahkah Anda menemukan kata dari tim Web Essentials tentang ini? Saya pikir kita mengalami masalah yang sama.
—
jtheis
Sayangnya saya tidak dapat menemukan apa pun tentangnya - saya sedang dalam proses bertanya!
—
Vicky
Perbaikan terkait Web Essentials dapat ditemukan di sini: Google Chrome “Failed parsing SourceMap”: css.map (Web Essential)
—
Quentin S.
Kode sumber CSS / JS biasanya kami perkecil / kompres. Sekarang jika kita ingin men-debug file-file yang diperkecil maka kita harus menambahkan baris berikut pada akhir file yang diperkecil
/*# sourceMappingURL=bootstrap.min.css.map */Ini memberitahu kompiler di mana file sumber sebenarnya dipetakan.
Dalam kasus JS itu masuk akal
tetapi dalam kasus CSS , itu sebenarnya debugging SCSS.
Untuk Menghapus Peringatan: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.
Saya memiliki masalah yang sama karena .htaccessmemiliki pengaturan yang salah:
RewriteEngine di
RewriteRule!. (Js | gif | jpg | png | css) $ index.php
Saya memecahkan ini dengan memodifikasi file:
RewriteEngine di
RewriteRule!. (Js | gif | jpg | png | css | eot | svg | ttf | woff | woff2 | peta ) $ index.php
apa ini? Apache? Apakah itu server web atau hanya plugin?
—
Vasilii Suricov
Ini terkadang disebabkan oleh ekstensi Chrome yang telah Anda instal. Misalnya, AdBlock .
Sayangnya solusi terbaik yang bisa saya temukan adalah menonaktifkan ekstensi yang menyinggung.
Itu sangat membantu. Terima kasih, masalahnya memang dari Adblock Plus.
—
Taranis
Ketika saya mengalami masalah ini, penyebabnya adalah referensi relatif ke file templat ketika menggunakan modul ui.bootstrap.modal .
templateUrl: 'js/templates/modal.html'
Ini berfungsi dari domain root ( www.example.com ) tetapi ketika sebuah path ditambahkan ( www.example.com/path/ ) referensi terputus. Jawaban dalam kasus saya hanyalah membuat referensi absolut ( js / -> / js / ).
templateUrl: '/js/templates/modal.html'
Silakan periksa URL ini, akan bermanfaat untuk meningkatkan kualitas konten Anda
—
Willie Cheng
Terima kasih willie, saya sudah membaca panduannya. Apakah Anda merasa ada yang salah dengan jawaban saya?
—
robstarbuck
Kesalahan dalam Google DevTools disebabkan ekstensi Google.
- Saya mengklik ikon Google saya di browser
- membuat profil tamu di bagian bawah jendela sembulan.
- Saya kemudian menempelkan alamat localhost dan voila saya !!
Tidak ada lagi kesalahan di konsol.
Periksa apakah Anda menggunakan beberapa ekstensi Chrome (mode Malam atau yang lainnya). Nonaktifkan itu dan lihat apakah 'suntikan' hilang.
Saya perhatikan masalah itu karena Ekstensi AdBlock, saya mematikan ekstensi AdBlock masalah ini diselesaikan.