jquery's jquery-1.10.2.min.map memicu 404 (Tidak Ditemukan)

1061

Saya melihat pesan kesalahan tentang file min.map,, karena tidak ditemukan:

DAPATKAN jquery jQuery-1.10.2.min.map memicu 404 (Tidak Ditemukan)

Tangkapan layar

masukkan deskripsi gambar di sini

Dari mana datangnya ini?

javascript jquery google-chrome-devtools Paul Irish
sumber
1
Untuk memperbaiki masalah saya, saya tidak mengikuti detail jawaban ini. Situs saya hanya menggunakan file js, bukan peta. Saya hanya membersihkan cache browser saya untuk menyelesaikan ini, dan me-restart browser. Itu mulai terjadi ketika saya mulai menerima kesalahan 500 Server Internal pada ASP.NET Generic Handler (ExtDirectProxy.ashx) yang dibangun dan mengirimkan data ke jquery untuk memuat halaman. stackoverflow.com/questions/26135251/…
MacGyver
1
ubah versi yang Anda butuhkan dan unduh dari url di bawah ini dan ganti namanya code.jquery.com/jquery-1.11.1.min.map
Iman
1
Ini memperlambat unduhan, karena peramban mengunduh ini meskipun tidak diperlukan.
Quentin 2
1
@ Quentin2 sesuai dengan html5rocks.com/en/tutorials/developertools/sourcemaps File peta sumber hanya akan diunduh jika Anda memiliki peta sumber diaktifkan dan alat dev Anda terbuka.
Matematika

Jawaban:

1271

Jika Chrome DevTools melaporkan 404 untuk file .map (mungkin jquery-1.10.2.min.map, jquery.min.mapatau jquery-2.0.3.min.map, tetapi bisa terjadi dengan apa saja) hal pertama yang perlu diketahui adalah ini hanya diminta saat menggunakan DevTools. Pengguna Anda tidak akan memukul 404 ini.

Sekarang Anda dapat memperbaikinya atau menonaktifkan fungsionalitas peta sumber.

Perbaiki: dapatkan file

Selanjutnya, ini adalah perbaikan yang mudah. Buka http://jquery.com/download/ dan klik tautan Unduh file peta untuk versi Anda, dan Anda juga ingin file yang tidak terkompresi diunduh.

masukkan deskripsi gambar di sini

Memiliki file peta yang ada memungkinkan Anda melakukan debug jQuery Anda yang diperkecil melalui sumber asli, yang akan menghemat banyak waktu dan frustrasi jika Anda tidak suka berurusan dengan nama variabel seperti adan c.

Lebih lanjut tentang sourcemaps di sini: Pengantar Peta Sumber JavaScript

Dodge: nonaktifkan sourcemaps

Alih-alih mendapatkan file, Anda dapat menonaktifkan peta sumber JavaScript secara alternatif untuk saat ini, di pengaturan Anda. Ini adalah pilihan yang baik jika Anda tidak pernah berencana untuk men-debug JavaScript di halaman ini. Gunakan ikon roda gigi di kanan bawah DevTools, untuk membuka pengaturan, lalu: masukkan deskripsi gambar di sini

Paul Irish
sumber
9
Saya memberikan suara untuk ini (meskipun Anda menjawab pertanyaan Anda sendiri) karena untuk pertama kalinya saya menyadarinya hari ini. Itu membuat saya sedikit gila mencoba untuk mengetahuinya, kemudian saya perhatikan kesalahan 404 yang sama pada 2 situs yang saya kerjakan dan opsi 'aktifkan peta sumber' muncul di pikiran ... itulah yang saya dapatkan untuk menonton alat dev Anda berbicara dan menyalakan semuanya sekaligus. Saya akan memeriksa dokumen yang Anda berikan.
adam-asdf
47
Saya punya dua hal untuk ditambahkan. 1) Mengunduh file peta jQuery tidak cukup, Anda juga akan memerlukan kode sumber yang tidak terkompresi (jika tidak, Anda akan melihat file jquery kosong - *. Js saat debugging). 2) Jika Anda memuat jQuery dari salah satu CDN maka ketiga file (peta, kode sumber terkompresi dan tidak terkompresi) berada di lokasi yang sama dan Anda dapat mulai debugging segera.
Konrad Dzwinel
42
Saya tidak yakin 404 harus dinaikkan untuk ini dari DevTools, tampaknya membingungkan orang. Namun setidaknya saya sekarang tahu bagaimana menghadapinya. Juga @ adam-asdf supaya Anda tahu bahwa Anda secara aktif didorong untuk menjawab pertanyaan Anda sendiri pada SO ... meta.stackexchange.com/questions/17845/…
Greg
12
Saya setuju dengan @Greg. Memiliki kesalahan 404 yang muncul di konsol untuk peta sumber (yang diminta atas nama Chrome / DevTools) tampaknya tidak terlalu membantu. Terutama karena banyak orang bahkan tidak akan mengerti mengapa (atau dari mana) sumber daya itu diminta.
idbehold
9
@ SpYk3HH Benar-benar baik untuk menerima jawaban Anda sendiri dan mengedit perpustakaan pihak ke-3 tidak benar-benar disarankan .. karena jika Anda ingin memperbarui hal-hal yang Anda akan lupa apa yang diubah.
Lipis
276

Anda dapat menghapus 404 dengan menghapus garis

//@ sourceMappingURL=jquery-1.10.2.min.map

dari bagian atas file jQuery Anda.

Bagian atas file jQuery akan terlihat seperti ini.

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery-1.10.2.min.map
*/

Ubah saja menjadi

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license */

Tujuan peta sumber

Pada dasarnya ini adalah cara untuk memetakan file gabungan / diperkecil kembali ke keadaan tidak dibangun. Saat Anda membuat untuk produksi, bersama dengan mengecilkan dan menggabungkan file JavaScript Anda, Anda menghasilkan peta sumber yang menyimpan informasi tentang file asli Anda. Ketika Anda meminta nomor baris dan kolom tertentu dalam JavaScript yang Anda hasilkan, Anda dapat melakukan pencarian di peta sumber yang mengembalikan lokasi asli. Alat pengembang (saat ini WebKit build malam, Google Chrome, atau Firefox 23+) dapat mem-parsing peta sumber secara otomatis dan membuatnya tampak seolah-olah Anda menjalankan file yang tidak dikenali dan tidak dikombinasi. (Baca lebih lanjut tentang ini di sini )

kiranvj
sumber
Maaf, maksud saya: apakah ada saat-saat ketika saya membutuhkan saluran ini?
Flion
6
Diperlukan hanya ketika Anda perlu men-debug kode sumber JS yang diperkecil. Lihat paragraf ke-2 di sini untuk detail lebih lanjut html5rocks.com/en/tutorials/developertools/sourcemaps
kiranvj
5
Seandainya saya pernah melihat ini sebelum melakukan jawaban yang dipilih. Ini jauh lebih mudah dan HARUS menjadi jawaban utama. Jawaban otomatis op adalah baik untuk info, tetapi jelas sekunder karena ini adalah pertanyaan pertama yang muncul ketika mencari cara untuk menghilangkan gangguan ini.
SpYk3HH
13
Mengedit perpustakaan untuk menyingkirkan hal-hal seperti itu bukanlah pilihan yang baik. Setiap kali Anda memperbarui jquery, baris ini akan ada di sana lagi.
Arman P.
6
Pada Januari 2014, referensi sourcemap tidak termasuk dalam distribusi jQuery.
Dan Esparza
44

Seperti yang diumumkan di jQuery 1.11.0/2.1.0 Beta 2 Releasedpeta sumber, komentar akan dihapus sehingga masalah tidak akan muncul di versi yang lebih baru jQuery.

Berikut pengumuman resminya:

Salah satu perubahan yang kami buat dalam beta ini adalah menghapus komentar sourcemap. Sourcemaps telah terbukti menjadi hal yang sangat bermasalah dan membingungkan bagi pengembang, menghasilkan sejumlah pertanyaan membingungkan di forum seperti StackOverflow dan membuat pengguna berpikir jQuery sendiri rusak.

Bagaimanapun, jika Anda perlu menggunakan peta sumber, itu masih tersedia:

Kami masih akan membuat dan mendistribusikan sourcemaps, tetapi Anda perlu menambahkan komentar sourcemap yang sesuai di akhir file yang diperkecil jika browser tidak mendukung pengaitan file peta secara manual (saat ini, tidak ada yang melakukannya). Jika Anda membuat file jQuery Anda sendiri menggunakan proses build khusus, komentar sourcemap akan ada di file yang diperkecil dan peta dibuat; Anda bisa membiarkannya dan menggunakan sourcemaps atau mengeditnya dan mengabaikan file peta sepenuhnya.

Di sini Anda dapat menemukan detail lebih lanjut tentang perubahan tersebut.

Di sini Anda dapat menemukan konfirmasi bahwa dengan jQuery 1.11.0/2.1.0 Releasedkomentar sumber-peta di file yang diperkecil dihapus.

Gotqn
sumber
1
Tetapi jika bukan karena kebingungan ini saya tidak akan pernah mencarinya di sini dan mengetahui bahwa ada peta. Saya telah secara manual menambahkan spasi ke file yang diperkecil yang ingin saya intip.
es
1
Browser Chrome memiliki tombol yang cukup memformat file yang diperkecil. Prettifiers online juga tersedia.
Quentin 2
41

  1. Unduh file peta dan versi jQuery yang tidak terkompresi .
    Tempatkan mereka dengan versi yang diperkecil:

    JavaScript

  2. Sertakan versi yang diperkecil ke dalam HTML Anda :

    HTML

  3. Periksa di Google Chrome:

    Google Chrome

  4. Baca Pengantar Peta Sumber JavaScript

  5. Biasakan diri dengan Debugging JavaScript

kayz1
sumber
16

Versi baru jQuery membutuhkan file ini http://code.jquery.com/jquery-1.10.2.min.map

Kegunaan file ini dijelaskan di sini http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

Memperbarui:

jQuery 1.11.0 / 2.1.0

// sourceMappingURL komentar tidak termasuk dalam file terkompresi .

Andres Separ
sumber
3
Tidak, saya tidak percaya jQuery "memerlukan" file itu. Ini hanya diperlukan jika Anda ingin menggunakan peta sumber saat debugging dalam hal ini file src dan file peta diperlukan.
styfle
1
Hai @styfle, peta sumber diperlukan di versi 1.10.2, tetapi dari versi 1.11.0 / 2.1.0 harus menambahkannya secara manual, ini karena banyak pengguna dipengaruhi oleh kesalahan yang dihasilkan di konsol browser
Andres Separ
9

Seperti yang saya mengerti browser, setidaknya Chrome, itu tidak menonaktifkan pemetaan sumber secara default. Itu berarti pengguna aplikasi Anda akan memicu permintaan pemetaan sumber ini secara default.

Anda dapat menghapus pemetaan sumber dengan menghapus //@ sourceMappingURL=jquery.min.mapdari file JavaScript Anda.

James J. Ye
sumber
9

Jika Anda ingin mendapatkan file peta sumber versi yang berbeda, Anda dapat menggunakan tautan ini http://code.jquery.com/jquery-x.xx.x.min.map

Sebaliknya x.xx.x cantumkan nomor versi Anda.

Catatan: Beberapa tautan, yang Anda dapatkan dari metode ini, mungkin rusak :)

Andriyun
sumber
8

Setelah mengikuti instruksi di jawaban lain, saya perlu menghapus versi dari file peta agar ini berfungsi untuk saya.

Contoh: Ganti nama

jquery-1.9.1.min.map

untuk

jquery.min.map

drobison
sumber
6

Saya dihadapkan dengan masalah yang sama. Penyebab saya adalah Grunt menyatukan file JavaScript saya.

Saya menggunakan ;\nsebagai pemisah yang menyebabkan jalur ke peta sumber ke 404.

Jadi alat dev mencari jquery.min.map;bukan jquery.min.map.

Saya tahu itu bukan jawaban untuk pertanyaan awal, tetapi saya yakin ada orang lain di luar sana dengan konfigurasi Grunt yang serupa.

nickspiel
sumber
5

jQuery 1.11.0 / 2.1.0 komentar // sourceMappingURL tidak termasuk dalam file terkompresi.

pengguna3235672
sumber
1

Dengan asumsi Anda telah memeriksa file yang sebenarnya ada di server, ini juga bisa disebabkan oleh server web Anda yang membatasi jenis file yang dilayani:

Molombi
sumber