ESRI: स्रोत मानचित्र पार्स करने में विफल


जवाबों:


307

Chrome ने हाल ही में डेवलपर टूल में स्रोत मानचित्रों के लिए समर्थन जोड़ा है। यदि आप क्रोम डेवलपर टूलबार पर सेटिंग्स के तहत जाते हैं, तो आप निम्नलिखित दो विकल्प देख सकते हैं:

Chrome डेवलपर टूल स्रोत मानचित्र

यदि आप उन दो विकल्पों को अक्षम करते हैं, और ब्राउज़र को ताज़ा करते हैं, तो उसे अब स्रोत के नक्शे के लिए नहीं पूछना चाहिए।

ये सेटिंग्स यहां पाई जा सकती हैं:

Chrome डेवलपर टूल स्रोत मानचित्र


94
क्या बेवकूफ "सुविधा"। जब वे उपलब्ध हों, तो इसे केवल सोर्समैप को लोड करना चाहिए।
ProblemsOfSumit

8
उपस्थिति के तहत इस स्क्रीनशॉट से दो खंड थीम विकल्प है। मैंने डार्क थीम को चुना है।
स्टेरोप्स

81
मुझे नहीं लगता कि यह उत्तर है। एक त्रुटि को छिपाना यह 'फिक्सिंग' नहीं है, वास्तव में। आपको यह पता लगाने की आवश्यकता है कि आपके पास पहले से मौजूद गैर-मौजूद स्रोत मानचित्र फ़ाइल को संदर्भित करने वाली फ़ाइल क्यों है और फिर उसे ठीक करने का प्रयास करें।
डेमिक्स

4
बस सावधानी का एक शब्द - यदि आप उन सेटिंग्स को अक्षम करते हैं, तो ध्यान रखें कि जब तक आप F5 (एन / डब्ल्यू टैब पर) नहीं मारते हैं, तब तक आपका नेटवर्क टैब किसी भी ट्रैफ़िक गतिविधि को नहीं दिखाएगा
जेम्स पोल्ज़

3
मुझे यह पता लगाने में थोड़ा समय लगा कि वे सेटिंग्स कहां थीं। यहां एक स्क्रीनशॉट दिखाया गया है जहां वे हैं: i.stack.imgur.com/JQcnN.png । हो सकता है कि आपको इसे अपने उत्तर में जोड़ना चाहिए ताकि लोगों के लिए सेटिंग ढूंढना आसान हो।
डोनाल्ड डक

34

जबकि चुना गया उत्तर त्रुटि को छिपाने के लिए एक अच्छा उत्तर है, यह त्रुटि को दूर नहीं करता है, यह सिर्फ इतना है कि आप इसे निरीक्षक में नहीं देख सकते हैं। दूसरा तरीका यह होगा कि आप गुम हुए मैप की फाइल को डाउनलोड करें और उसे एसेट्स / लिबर्टी डायरेक्टरी में डाल दें। इसलिए, उदाहरण के लिए, मुझे angular-route.min.js.mapफ़ाइल याद आ रही थी और मैं https://code.angularjs.org/1.5.3// (कोणीय के सही संस्करण में) यहाँ गया और लापता फ़ाइल डाउनलोड की। संभवतः कैशिंग के कारण त्रुटि तुरंत गायब नहीं हुई, लेकिन एक बार जब मैंने ब्राउज़र में वास्तविक फ़ाइल पर काम किया। http://sitename.localhost/assets/lib/angular-route.min.js.map। अब इंस्पेक्टर अब भी सक्षम नहीं है, यहां तक ​​कि स्रोत के नक्शे में भी त्रुटि दिखाई देती है।


4
जबकि स्रोत मैप्स मिनिमाइज़्ड जावास्क्रिप्ट फ़ाइलों के साथ काम करने के लिए बढ़िया हैं, यह त्रुटि संदेश प्रकट होता है और जब आप स्रोत मैप्स का उपयोग नहीं करना चाहते हैं तब भी सामान्य डिबगिंग को रोकता है। आप सही हैं कि स्रोत मानचित्र जोड़ने से समस्या ठीक हो जाएगी, लेकिन यदि आपके पास नहीं है, तो आप सामान्य डिबगिंग की अनुमति देने के लिए इस विकल्प को अक्षम करना चाहते हैं।
स्टेरोप्स

1
यह मेरे लिए मददगार था क्योंकि मैं बैकएंडलेस.मिन.जेएस स्थापित करने की कोशिश कर रहा था और Failed to parse SourceMapक्रोम कंसोल में देख रहा था । जब मैं असम्पीडित Backendless.js (के बिना .min) का उपयोग करने के लिए स्विच किया , मुझे त्रुटि नहीं मिली। मुझे लगता है कि स्रोत मानचित्रों का अर्थ यह नहीं है कि कब का उपयोग किया गया था? मुझे लगता है कि मैं अपने स्थानीय देव वातावरण को असंपीड़ित जेएस + स्रोत मानचित्रों का उपयोग करने की कोशिश कर सकता हूं और केवल उत्पादन वातावरण का उपयोग संकुचित जेएस है।
रयान

16

क्रोम में स्रोत मानचित्रों को बंद करने के लिए आगे - मैंने थोड़ी खुदाई की है और पाया है कि स्रोत नक्शे बनाने के लिए वेब एसेंशियल का उपयोग करना मुद्दा प्रतीत होता है।

जो भी कारण के लिए, अगर मैं एक बाहरी संकलक (कोआला) का उपयोग करता हूं तो मैं क्रोम में काम के स्रोत के नक्शे (कोई त्रुटि नहीं) सफलतापूर्वक बना सकता हूं। जबकि अगर मैं वेब एसेंशियल का उपयोग करता हूं, तो स्रोत मैप पार्स करने में विफल हो जाते हैं।

आशा है कि यह किसी की मदद करता है।


3
क्या आपको इस पर वेब एसेंशियल टीम का कोई शब्द मिला है? मुझे लगता है कि हम एक ही समस्या है।
jtheis

2
दुर्भाग्य से मुझे इसके बारे में कुछ भी नहीं मिला - मैं पूछताछ की प्रक्रिया में हूँ!
विक्की

1
एक वेब अनिवार्य-संबंधित फिक्स यहां पाया जा सकता है: Google Chrome "असफल पार्सिंग सोर्सपोट": css.map (वेब ​​आवश्यक)
क्वेंटिन एस।

14

सीएसएस / जेएस का स्रोत कोड जिसे हम आमतौर पर छोटा / संक्षिप्त करते हैं। अब अगर हम उन मिनीफाइ फाइल्स को डीबग करना चाहते हैं तो हमें मिनिफाई फाइल के अंत में निम्नलिखित लाइन को जोड़ना होगा

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

यह संकलक को बताता है कि स्रोत फ़ाइल वास्तव में मैप कहां है।

जेएस के मामले में इसका कोई मतलब नहीं है,
लेकिन सीएसएस के मामले में , यह वास्तव में एससीएसएस की डिबगिंग है।

चेतावनी निकालने के लिए: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,।


8

मुझे एक ही समस्या थी क्योंकि .htaccessगलत सेटिंग्स हैं:


RewriteRule पर RewriteEngine ! (Js | gif | jpg | png | css) $ $।


मैंने इसे फ़ाइल को संशोधित करके हल किया:


RewriteRule पर RewriteEngine ! (Js | gif | jpg | png | c | b | eot | svg | ttf | woff | woff2 | map ) $ index.php


यह क्या है? अमरीका की एक मूल जनजाति? यह वेबसर्वर है या सिर्फ प्लगइन है?
वासिली सूरीकोव

4

यह कभी-कभी आपके द्वारा इंस्टॉल किए गए Chrome एक्सटेंशन के कारण हो सकता है। उदाहरण के लिए, AdBlock

दुर्भाग्य से सबसे अच्छा समाधान मैं पा सकता था कि आपत्तिजनक विस्तार को निष्क्रिय कर सकते हैं।


यह बहुत मददगार था। धन्यवाद, समस्या वास्तव में एडब्लॉक प्लस से थी।
तरणीस

3

जब मेरे पास यह समस्या थी तो कारण ui.bootstrap.modal मॉड्यूल का उपयोग करते समय टेम्पलेट फ़ाइलों का एक सापेक्ष संदर्भ था ।

templateUrl: 'js/templates/modal.html'

यह रूट डोमेन ( www.example.com ) से काम करता है, लेकिन जब कोई पथ जोड़ा जाता है ( www.example.com/path/ ) संदर्भ टूट जाता है। मेरे मामले में जवाब केवल संदर्भ को निरपेक्ष बनाने के लिए था ( js / -> / js / )।

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


कृपया इस URL की जाँच करें यह आपकी सामग्री की गुणवत्ता को ऊपर उठाने के लिए उपयोगी होगा
विली चेंग

11
धन्यवाद विली, मैंने दिशानिर्देश पढ़े हैं। क्या आपको लगा कि मेरे उत्तर में कुछ गड़बड़ है?
लुटेराबक्स

2

Google DevTools में त्रुटि Google एक्सटेंशन के कारण होती है।

  1. मैंने ब्राउज़र में अपने Google आइकन पर क्लिक किया
  2. पॉपअप विंडो के नीचे एक अतिथि प्रोफ़ाइल बनाई गई है।
  3. मैंने तब अपना लोकलहोस्ट एड्रेस और वोइला चिपकाया था !!

कंसोल में कोई अधिक त्रुटि।


0

जांचें कि क्या आप क्रोम एक्सटेंशन (नाइट मोड या कुछ और) का उपयोग कर रहे हैं। उसे अक्षम करें और देखें कि क्या 'इंजेक्ट' चला गया है।


0

मैंने देखा कि समस्या AdBlock एक्सटेंशन की वजह से है, मैंने AdBlock एक्सटेंशन को बंद कर दिया और समस्या हल हो गई।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.