ESRI: ล้มเหลวในการแยกวิเคราะห์แผนที่แหล่งที่มา

ฉันได้รับข้อผิดพลาดนี้ในคอนโซลนักพัฒนาซอฟต์แวร์ของ Google chrome

ไม่สามารถแยกวิเคราะห์ SourceMap: http: // localhost: 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map

ฉันจะแก้ไขได้อย่างไร

Chrome เพิ่งเพิ่มการสนับสนุนแผนที่แหล่งในเครื่องมือสำหรับนักพัฒนา หากคุณไปที่การตั้งค่าในแถบเครื่องมือนักพัฒนาซอฟต์แวร์ Chrome คุณสามารถดูสองตัวเลือกต่อไปนี้:

หากคุณปิดการใช้งานสองตัวเลือกเหล่านี้และรีเฟรชเบราว์เซอร์ก็ไม่ควรขอแผนที่ต้นทางอีกต่อไป

การตั้งค่าเหล่านี้อยู่ที่นี่:

ในขณะที่คำตอบที่เลือกเป็นคำตอบที่ดีในการซ่อนข้อผิดพลาด แต่ไม่ได้ทำให้ข้อผิดพลาดหายไป แต่เป็นเพียงการที่คุณไม่สามารถเห็นได้ในผู้ตรวจสอบ อีกวิธีหนึ่งคือการดาวน์โหลดไฟล์แผนที่ที่ขาดหายไปและวางไว้ในไดเรกทอรีสินทรัพย์ / lib ตัวอย่างเช่นฉันหายangular-route.min.js.mapไฟล์และไปที่นี่https://code.angularjs.org/1.5.3/ (ไปยังเวอร์ชันที่ถูกต้องของเชิงมุม) และดาวน์โหลดไฟล์ที่หายไป ข้อผิดพลาดไม่ได้หายไปทันทีอาจเป็นเพราะการแคช แต่เมื่อฉันไปที่ไฟล์จริงในเบราว์เซอร์ก็ใช้งานได้ http://sitename.localhost/assets/lib/angular-route.min.js.map. ตอนนี้ผู้ตรวจสอบไม่แสดงข้อผิดพลาดอีกต่อไปแม้ว่าจะเปิดใช้งานแผนที่ต้นทางแล้ว

นอกเหนือจากการเพียงแค่ปิด Maps Source ใน Chrome ฉันได้ทำการขุดเล็กน้อยและพบว่าการใช้ Web Essentials เพื่อสร้างแผนที่ต้นทางดูเหมือนว่าเป็นปัญหา

ไม่ว่าจะด้วยเหตุผลใดก็ตามถ้าฉันใช้คอมไพเลอร์ภายนอก (Koala) ฉันสามารถสร้างแผนที่แหล่งทำงานใน Chrome ได้สำเร็จ (ไม่มีข้อผิดพลาด) โดยที่ถ้าฉันใช้ Web Essentials การแมปแหล่งที่มาจะไม่สามารถแยกวิเคราะห์

หวังว่านี่จะช่วยใครซักคน

ซอร์สโค้ดของ CSS / JS เรามักจะย่อ / บีบอัด ตอนนี้ถ้าเราต้องการที่จะแก้ปัญหาไฟล์ที่ย่อเล็กสุดแล้วเราต้องเพิ่มบรรทัดต่อไปนี้ในตอนท้ายของไฟล์ที่ลดขนาด

/*# sourceMappingURL=bootstrap.min.css.map */

สิ่งนี้บอกคอมไพเลอร์ว่าไฟล์ต้นฉบับใดที่ถูกแมปจริง

ในกรณีของ JSมันสมเหตุสมผล
แต่ในกรณีของ CSSมันคือการดีบัก SCSS จริง

ในการลบคำเตือน: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.

ฉันมีปัญหาเดียวกันเพราะ.htaccessมีการตั้งค่าไม่ถูกต้อง:

RewriteEngine บน
RewriteRule!. (js | gif | jpg | png | css) $ index.php

ฉันแก้ไขได้โดยแก้ไขไฟล์:

RewriteEngine บน
RewriteRule!. (js | gif | jpg | png | css | eot | svg | ttf | woff | woff2 | แผนที่ ) $ index.php

บางครั้งอาจเกิดจากส่วนขยายของ Chrome ที่คุณติดตั้ง ตัวอย่างเช่น AdBlockAdBlock

น่าเสียดายทางออกที่ดีที่สุดที่ฉันพบคือการปิดใช้งานส่วนขยายที่ละเมิด

เมื่อฉันมีปัญหานี้สาเหตุคือการอ้างอิงสัมพัทธ์กับไฟล์เทมเพลตเมื่อใช้โมดูลui.bootstrap.modal

templateUrl: 'js/templates/modal.html'

สิ่งนี้ทำงานได้จากโดเมนรูต ( www.example.com ) แต่เมื่อเพิ่มเส้นทาง ( www.example.com/path/ ) การแบ่งการอ้างอิง คำตอบในกรณีของฉันคือการทำให้การอ้างอิงที่แน่นอน ( js / -> / js / )

templateUrl: '/js/templates/modal.html'

ข้อผิดพลาดใน Google DevTools เกิดจากส่วนขยายของ Google

1. ฉันคลิกที่ไอคอน Google ของฉันในเบราว์เซอร์
2. สร้างโปรไฟล์ผู้เยี่ยมชมที่ด้านล่างของหน้าต่างป๊อปอัพ
3. จากนั้นฉันก็วางที่อยู่ localhost และ voila !!

ไม่มีข้อผิดพลาดในคอนโซล

ตรวจสอบว่าคุณใช้ส่วนขยาย Chrome อยู่หรือไม่ (โหมดกลางคืนหรืออย่างอื่น) ปิดการใช้งานและดูว่า 'ฉีด' หายไปหรือไม่

ฉันสังเกตเห็นปัญหานั้นเนื่องจากส่วนขยาย AdBlock ฉันปิดส่วนขยาย AdBlock ที่ปัญหาได้รับการแก้ไข