jQuery's jquery-1.10.2.min.map กำลังเรียกใช้ 404 (ไม่พบ)

1061

ฉันเห็นข้อความแสดงข้อผิดพลาดเกี่ยวกับไฟล์ แต่min.mapไม่พบ:

GET jQuery's jquery-1.10.2.min.map กำลังเรียกใช้ 404 (ไม่พบ)

ภาพหน้าจอ

ป้อนคำอธิบายรูปภาพที่นี่

สิ่งนี้มาจากไหน

javascript  jquery  google-chrome-devtools 
— พอลไอริช
แหล่งที่มา
1
เพื่อแก้ไขปัญหาของฉันฉันไม่ได้ติดตามรายละเอียดของคำตอบนี้ เว็บไซต์ของฉันใช้งานไฟล์ js เท่านั้นไม่ใช่แผนที่ ฉันเพียงแค่ล้างแคชเบราว์เซอร์ของฉันเพื่อแก้ไขปัญหานี้และเริ่มเบราว์เซอร์ใหม่ มันเริ่มเกิดขึ้นเมื่อฉันเริ่มรับข้อผิดพลาด 500 Internal Server ใน ASP.NET Generic Handler (ExtDirectProxy.ashx) ที่สร้างขึ้นและส่งผ่านข้อมูลไปยัง jquery เพื่อโหลดหน้า stackoverflow.com/questions/26135251/…
— MacGyver
1
เปลี่ยนเวอร์ชั่นที่คุณต้องการและดาวน์โหลดจาก url ด้านล่างและเปลี่ยนชื่อเป็นcode.jquery.com/jquery-1.11.1.min.map
— Iman
1
สิ่งนี้จะทำให้การดาวน์โหลดช้าลงเนื่องจากเบราว์เซอร์ดาวน์โหลดสิ่งนี้แม้ว่าจะไม่จำเป็นก็ตาม
— เควนติน 2
1
@ Quentin2 ตามhtml5rocks.com/th/tutorials/developertools/sourcemaps ไฟล์แผนที่ที่มาจะถูกดาวน์โหลดเฉพาะเมื่อคุณเปิดใช้งานแผนที่แหล่งที่มาและเครื่องมือ dev ของคุณเปิดอยู่
— Mathemats

คำตอบ:

1271

หาก Chrome DevTools มีการรายงาน 404 สำหรับแฟ้ม .map (ที่อาจจะjquery-1.10.2.min.map, jquery.min.mapหรือjquery-2.0.3.min.mapแต่สามารถเกิดขึ้นได้กับอะไร) สิ่งแรกที่ต้องรู้คือนี้มีการร้องขอเฉพาะเมื่อใช้ DevTools ผู้ใช้ของคุณจะไม่ถูกกดปุ่ม 404 นี้

ตอนนี้คุณสามารถแก้ไขได้หรือปิดการใช้งานฟังก์ชั่นแหล่งที่มา

แก้ไข: รับไฟล์

ถัดไปเป็นการแก้ไขที่ง่าย มุ่งไปที่http://jquery.com/download/และคลิกลิงก์ดาวน์โหลดไฟล์แผนที่สำหรับเวอร์ชั่นของคุณและคุณจะต้องการดาวน์โหลดไฟล์ที่ไม่มีการบีบอัดด้วยเช่นกัน

ป้อนคำอธิบายรูปภาพที่นี่

มีไฟล์แผนที่ในสถานที่ที่ช่วยให้คุณแก้ปัญหา jQuery minified ของคุณผ่านทางแหล่งเดิมซึ่งจะประหยัดเวลาและความยุ่งยากถ้าคุณทำไม่ได้เช่นการจัดการกับชื่อตัวแปรเช่นและac

เพิ่มเติมเกี่ยวกับที่มาของแผนที่ที่นี่: บทนำสู่แผนที่ที่มาของ JavaScript

Dodge: ปิดการใช้งาน sourcemaps

แทนที่จะได้รับไฟล์คุณสามารถปิดการใช้งานซอร์สแผนที่ JavaScript อย่างสมบูรณ์ในการตั้งค่าของคุณ นี่เป็นตัวเลือกที่ดีถ้าคุณไม่เคยวางแผนที่จะแก้ไขจุดบกพร่องจาวาสคริปต์ในหน้านี้ ใช้ไอคอนฟันเฟืองที่ด้านล่างขวาของ DevTools เพื่อเปิดการตั้งค่าจากนั้น: ป้อนคำอธิบายรูปภาพที่นี่

— พอลไอริช
แหล่งที่มา
9
ฉันลงคะแนนให้กับสิ่งนี้ (แม้ว่าคุณจะตอบคำถามของคุณเอง) เพราะเป็นครั้งแรกที่ฉันสังเกตเห็นในวันนี้ มันทำให้ฉันคลั่งไปกับการพยายามคิดออกแล้วฉันก็สังเกตเห็นข้อผิดพลาด 404 เดียวกันบนเว็บไซต์ 2 แห่งที่ฉันทำงานอยู่และตัวเลือก 'เปิดใช้งานซอร์สแผนที่' ก็นึกถึง ... นั่นคือสิ่งที่ฉันได้รับจากการดูเครื่องมือ dev ของคุณ พูดและเปิดทุกอย่างในครั้งเดียว ฉันจะไปดูเอกสารที่คุณให้ไว้
— adam-asdf
47
ฉันมีสองสิ่งที่จะเพิ่ม 1) การดาวน์โหลดไฟล์แผนที่ jQuery ไม่เพียงพอคุณจะต้องมีซอร์สโค้ดที่ไม่บีบอัด (มิฉะนั้นคุณจะเห็นไฟล์ jquery ว่างเปล่า - *. js ขณะทำการดีบัก) 2)หากคุณกำลังโหลด jQuery จากหนึ่งใน CDNs ทั้งสามไฟล์ (แผนที่, ซอร์สโค้ดที่บีบอัดและไม่บีบอัด) อยู่ในตำแหน่งเดียวกันและคุณสามารถเริ่มทำการดีบักได้ทันที
— Konrad Dzwinel
42
ฉันไม่แน่ใจว่าควรยกระดับ 404 สำหรับเรื่องนี้จาก DevTools สร้างความสับสนให้กับคนที่ดูเหมือน อย่างไรก็ตามอย่างน้อยตอนนี้ฉันรู้วิธีจัดการกับมัน นอกจากนี้ @ adam-asdf เพียงเพื่อให้คุณรู้ว่าคุณได้รับการสนับสนุนอย่างแข็งขันที่จะตอบคำถามของคุณเองเกี่ยวกับ SO ... meta.stackexchange.com/questions/17845/…
— Greg
12
ฉันเห็นด้วยกับ @Greg การมีข้อผิดพลาด 404 ยกขึ้นในคอนโซลสำหรับแมปต้นทาง (ที่ถูกร้องขอในนามของ Chrome / DevTools) ดูเหมือนจะไม่เป็นประโยชน์มากนัก โดยเฉพาะอย่างยิ่งเพราะหลายคนจะไม่เข้าใจว่าทำไม (หรือจากที่) ทรัพยากรที่มีการร้องขอ
— idbehold
9
@ SpYk3HH ไม่เป็นไรที่จะยอมรับคำตอบของคุณเองและการแก้ไขไลบรารี่ของบุคคลที่สามนั้นไม่แนะนำให้เลือก .. เพราะถ้าคุณต้องการอัปเดตเนื้อหาคุณจะลืมสิ่งที่เปลี่ยนแปลงไป
— Lipis
276

คุณสามารถลบ 404 โดยการลบบรรทัด

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

จากส่วนบนของไฟล์ jQuery ของคุณ

ส่วนบนของไฟล์ jQuery จะมีลักษณะเช่นนี้

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

เพียงแค่เปลี่ยนสิ่งนั้นเป็น

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

จุดประสงค์ของแผนที่ต้นทาง

โดยพื้นฐานแล้วเป็นวิธีการแมปไฟล์ที่รวมกัน / ย่อกลับไปเป็นสถานะไม่สร้าง เมื่อคุณสร้างเพื่อการผลิตพร้อมกับการย่อและรวมไฟล์ JavaScript ของคุณคุณจะสร้างแมปต้นทางซึ่งเก็บข้อมูลเกี่ยวกับไฟล์ต้นฉบับของคุณ เมื่อคุณสอบถามจำนวนบรรทัดและคอลัมน์ที่แน่นอนใน JavaScript ที่สร้างขึ้นของคุณคุณสามารถค้นหาในแผนที่ต้นทางซึ่งจะส่งคืนตำแหน่งเดิม เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ (ขณะนี้ WebKit สร้างขึ้นทุกคืน, Google Chrome หรือ Firefox 23+) สามารถแยกวิเคราะห์แหล่งที่มาของแผนที่โดยอัตโนมัติและทำให้มันปรากฏราวกับว่าคุณกำลังเรียกใช้ไฟล์ที่ไม่มีการรวมและไม่รวม (อ่านเพิ่มเติมได้ที่นี่ )

— kiranvj
แหล่งที่มา
ขออภัยฉันหมายถึง: มีโอกาสใดบ้างที่ฉันจะต้องการสายนี้?
— Flion
6
จำเป็นเฉพาะเมื่อคุณต้องการดีบักซอร์สโค้ด JS แบบย่อของคุณ ตรวจสอบวรรค 2 ที่นี่สำหรับรายละเอียดเพิ่มเติมhtml5rocks.com/en/tutorials/developertools/sourcemaps
— kiranvj
5
หวังว่าฉันจะได้เห็นสิ่งนี้ก่อนที่จะทำคำตอบที่เลือก นี่เป็นเรื่องง่ายกว่าและควรเป็นคำตอบหลัก คำตอบด้วยตนเองของ op นั้นดีสำหรับข้อมูล แต่เป็นเรื่องรองแน่นอนเพราะนี่เป็นคำถามแรกที่ปรากฏขึ้นเมื่อ googling วิธีการ g3et กำจัดความรำคาญนี้
— SpYk3HH
13
การแก้ไขห้องสมุดเพื่อกำจัดสิ่งเหล่านี้ไม่ใช่ทางเลือกที่ดี ทุกครั้งที่คุณอัปเดต jquery บรรทัดนี้จะอยู่ที่นั่นอีกครั้ง
— Arman P.
6
ตั้งแต่เดือนมกราคม 2014 การอ้างอิงซอร์สโค้ดไม่รวมอยู่ในการแจกแจง jQuery
— Dan Esparza
44

ตามที่มีการประกาศในความคิดเห็นที่มาแผนที่จะถูกลบออกดังนั้นปัญหาจะไม่ปรากฏในรุ่นใหม่ของjQuery 1.11.0/2.1.0 Beta 2 ReleasedjQuery

นี่คือประกาศอย่างเป็นทางการ:

การเปลี่ยนแปลงอย่างใดอย่างหนึ่งที่เราทำในเบต้านี้คือการลบความคิดเห็นของ sourcemap Sourcemaps ได้พิสูจน์แล้วว่าเป็นปัญหาและสร้างความสับสนให้กับนักพัฒนาสร้างคะแนนคำถามที่สับสนในฟอรัมเช่น StackOverflow และทำให้ผู้ใช้คิดว่า jQuery นั้นเสีย

อย่างไรก็ตามหากคุณต้องการใช้แผนที่แหล่งที่มาก็ยังคงมีอยู่:

เราจะยังคงสร้างและแจกจ่าย sourcemaps แต่คุณจะต้องเพิ่มความคิดเห็น sourcemap ที่เหมาะสมในตอนท้ายของไฟล์ minified หากเบราว์เซอร์ไม่สนับสนุนการเชื่อมโยงไฟล์แผนที่ด้วยตนเอง (ปัจจุบันไม่มีใครทำ) หากคุณสร้างไฟล์ jQuery ของคุณเองโดยใช้กระบวนการสร้างที่กำหนดเองความคิดเห็นของแหล่งที่มาจะแสดงในไฟล์ที่ย่อและสร้างแผนที่ขึ้นมา คุณสามารถปล่อยไว้ในและใช้ sourcemaps หรือแก้ไขและละเว้นไฟล์แผนที่ทั้งหมด

ที่นี่คุณสามารถหารายละเอียดเพิ่มเติมเกี่ยวกับการเปลี่ยนแปลง

ที่นี่คุณจะพบการยืนยันว่าด้วยjQuery 1.11.0/2.1.0 Releasedความคิดเห็นของแผนที่ต้นทางในไฟล์ย่อจะถูกลบออก

— gotqn
แหล่งที่มา
1
แต่ถ้ามันไม่ได้เกิดขึ้นสำหรับความสับสนนี้ฉันจะไม่ได้ดูที่นี่และรู้ว่าแผนที่มีอยู่ ฉันได้เพิ่มช่องว่างลงในไฟล์ย่อที่ฉันต้องการดูด้วยตนเอง
— icedwater
1
เบราว์เซอร์ Chrome มีปุ่มที่จะทำการฟอร์แมตไฟล์ขนาดเล็ก prettifiers ออนไลน์ก็มีให้บริการเช่นกัน
— เควนติน 2
41

  1. ดาวน์โหลดไฟล์แผนที่และรุ่นที่ไม่มีการบีบอัดของjQuery
    วางไว้กับรุ่นย่อ:

    JavaScript

  2. รวมเวอร์ชันย่อส่วนลงในHTMLของคุณ:

    HTML

  3. เช็คอิน Google Chrome:

    Google Chrome

  4. อ่านข้อมูลเบื้องต้นเกี่ยวกับ Maps Source ของ JavaScript

  5. ทำความคุ้นเคยกับการดีบัก JavaScript

— kayz1
แหล่งที่มา
16

jQuery รุ่นใหม่ต้องการไฟล์นี้http://code.jquery.com/jquery-1.10.2.min.map

การใช้งานของไฟล์นี้มีการอธิบายไว้ที่นี่http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

ปรับปรุง:

jQuery 1.11.0 / 2.1.0

// คิดเห็น sourceMappingURL ไม่รวมอยู่ในไฟล์บีบอัด

— Andres Separ
แหล่งที่มา
3
ไม่ฉันไม่เชื่อว่า jQuery "ต้องการ" ไฟล์นั้น จำเป็นเฉพาะเมื่อคุณต้องการใช้แมปต้นทางในขณะที่ทำการดีบั๊กซึ่งในกรณีนี้จำเป็นต้องใช้ทั้งไฟล์ src และไฟล์แผนที่
— สไตล์
1
สวัสดี @styfle ต้องมีการแม็พซอร์สในเวอร์ชัน 1.10.2 แต่จากเวอร์ชัน 1.11.0 / 2.1.0 ต้องเพิ่มด้วยตนเองนี่เป็นเพราะผู้ใช้จำนวนมากได้รับผลกระทบจากข้อผิดพลาดที่เกิดขึ้นในคอนโซลของเบราว์เซอร์
— Andres Separ
9

อย่างที่ฉันเข้าใจเบราว์เซอร์อย่างน้อย Chrome ก็ไม่ได้ปิดใช้งานการแมปแหล่งที่มาตามค่าเริ่มต้น นั่นหมายความว่าผู้ใช้แอปพลิเคชันของคุณจะเรียกใช้คำขอการแมปแหล่งที่มานี้ตามค่าเริ่มต้น

คุณสามารถลบการแมปแหล่งที่มาโดยการลบ//@ sourceMappingURL=jquery.min.mapออกจากไฟล์ JavaScript ของคุณ

— James J. Ye
แหล่งที่มา
9

หากคุณต้องการรับไฟล์แผนที่รุ่นต่าง ๆ คุณสามารถใช้ลิงก์นี้ http://code.jquery.com/jquery-x.xx.x.min.map

x.xx.x ให้ใส่หมายเลขเวอร์ชั่นของคุณแทน

หมายเหตุ: บางลิงค์ที่คุณได้รับจากวิธีนี้อาจใช้งานไม่ได้ :)

— Andriyun
แหล่งที่มา
8

หลังจากทำตามคำแนะนำในคำตอบอื่น ๆ ฉันจำเป็นต้องตัดเวอร์ชันจากไฟล์แผนที่เพื่อให้ใช้งานได้สำหรับฉัน

ตัวอย่าง: เปลี่ยนชื่อ

jquery-1.9.1.min.map

ถึง

jquery.min.map

— drobison
แหล่งที่มา
6

ฉันถูกนำเสนอด้วยปัญหาเดียวกัน สาเหตุสำหรับฉันคือGruntเชื่อมต่อไฟล์ JavaScript ของฉัน

ฉันใช้;\nเป็นตัวคั่นซึ่งทำให้เส้นทางไปยังแผนที่แหล่งที่มาถึง 404

ดังนั้นเครื่องมือ dev กำลังมองหาแทนjquery.min.map;jquery.min.map

ฉันรู้ว่านั่นไม่ใช่คำตอบของคำถามเดิม แต่ฉันแน่ใจว่ามีคนอื่น ๆ ที่นั่นด้วยการตั้งค่า Grunt ที่คล้ายกัน

— nickspiel
แหล่งที่มา
1

สมมติว่าคุณได้ตรวจสอบว่าไฟล์นั้นมีอยู่จริงบนเซิร์ฟเวอร์นี่อาจเกิดจากเว็บเซิร์ฟเวอร์ของคุณที่จะ จำกัด ประเภทของไฟล์ที่ให้บริการ:

— Molomby
แหล่งที่มา
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.