ESRI: Gagal mem-parsing peta sumber

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?

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:

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.

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.

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

Ini terkadang disebabkan oleh ekstensi Chrome yang telah Anda instal. Misalnya, AdBlock .

Sayangnya solusi terbaik yang bisa saya temukan adalah menonaktifkan ekstensi yang menyinggung.

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'

Kesalahan dalam Google DevTools disebabkan ekstensi Google.

1. Saya mengklik ikon Google saya di browser
2. membuat profil tamu di bagian bawah jendela sembulan.
3. 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.