मुझे Google क्रोम डेवलपर कंसोल में यह त्रुटि मिल रही है।
स्रोत मैप पार्स करने में विफल: http: // localhost: 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map
मैं इसे कैसे ठीक करूं?
मुझे Google क्रोम डेवलपर कंसोल में यह त्रुटि मिल रही है।
स्रोत मैप पार्स करने में विफल: http: // localhost: 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map
मैं इसे कैसे ठीक करूं?
जवाबों:
Chrome ने हाल ही में डेवलपर टूल में स्रोत मानचित्रों के लिए समर्थन जोड़ा है। यदि आप क्रोम डेवलपर टूलबार पर सेटिंग्स के तहत जाते हैं, तो आप निम्नलिखित दो विकल्प देख सकते हैं:
यदि आप उन दो विकल्पों को अक्षम करते हैं, और ब्राउज़र को ताज़ा करते हैं, तो उसे अब स्रोत के नक्शे के लिए नहीं पूछना चाहिए।
ये सेटिंग्स यहां पाई जा सकती हैं:
जबकि चुना गया उत्तर त्रुटि को छिपाने के लिए एक अच्छा उत्तर है, यह त्रुटि को दूर नहीं करता है, यह सिर्फ इतना है कि आप इसे निरीक्षक में नहीं देख सकते हैं। दूसरा तरीका यह होगा कि आप गुम हुए मैप की फाइल को डाउनलोड करें और उसे एसेट्स / लिबर्टी डायरेक्टरी में डाल दें। इसलिए, उदाहरण के लिए, मुझे angular-route.min.js.map
फ़ाइल याद आ रही थी और मैं https://code.angularjs.org/1.5.3// (कोणीय के सही संस्करण में) यहाँ गया और लापता फ़ाइल डाउनलोड की। संभवतः कैशिंग के कारण त्रुटि तुरंत गायब नहीं हुई, लेकिन एक बार जब मैंने ब्राउज़र में वास्तविक फ़ाइल पर काम किया। http://sitename.localhost/assets/lib/angular-route.min.js.map
। अब इंस्पेक्टर अब भी सक्षम नहीं है, यहां तक कि स्रोत के नक्शे में भी त्रुटि दिखाई देती है।
Failed to parse SourceMap
क्रोम कंसोल में देख रहा था । जब मैं असम्पीडित Backendless.js (के बिना .min
) का उपयोग करने के लिए स्विच किया , मुझे त्रुटि नहीं मिली। मुझे लगता है कि स्रोत मानचित्रों का अर्थ यह नहीं है कि कब का उपयोग किया गया था? मुझे लगता है कि मैं अपने स्थानीय देव वातावरण को असंपीड़ित जेएस + स्रोत मानचित्रों का उपयोग करने की कोशिश कर सकता हूं और केवल उत्पादन वातावरण का उपयोग संकुचित जेएस है।
क्रोम में स्रोत मानचित्रों को बंद करने के लिए आगे - मैंने थोड़ी खुदाई की है और पाया है कि स्रोत नक्शे बनाने के लिए वेब एसेंशियल का उपयोग करना मुद्दा प्रतीत होता है।
जो भी कारण के लिए, अगर मैं एक बाहरी संकलक (कोआला) का उपयोग करता हूं तो मैं क्रोम में काम के स्रोत के नक्शे (कोई त्रुटि नहीं) सफलतापूर्वक बना सकता हूं। जबकि अगर मैं वेब एसेंशियल का उपयोग करता हूं, तो स्रोत मैप पार्स करने में विफल हो जाते हैं।
आशा है कि यह किसी की मदद करता है।
सीएसएस / जेएस का स्रोत कोड जिसे हम आमतौर पर छोटा / संक्षिप्त करते हैं। अब अगर हम उन मिनीफाइ फाइल्स को डीबग करना चाहते हैं तो हमें मिनिफाई फाइल के अंत में निम्नलिखित लाइन को जोड़ना होगा
/*# sourceMappingURL=bootstrap.min.css.map */
यह संकलक को बताता है कि स्रोत फ़ाइल वास्तव में मैप कहां है।
जेएस के मामले में इसका कोई मतलब नहीं है,
लेकिन सीएसएस के मामले में , यह वास्तव में एससीएसएस की डिबगिंग है।
चेतावनी निकालने के लिए: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file
,।
मुझे एक ही समस्या थी क्योंकि .htaccess
गलत सेटिंग्स हैं:
RewriteRule पर RewriteEngine ! (Js | gif | jpg | png | css) $ $।
मैंने इसे फ़ाइल को संशोधित करके हल किया:
RewriteRule पर RewriteEngine ! (Js | gif | jpg | png | c | b | eot | svg | ttf | woff | woff2 | map ) $ index.php
यह कभी-कभी आपके द्वारा इंस्टॉल किए गए Chrome एक्सटेंशन के कारण हो सकता है। उदाहरण के लिए, AdBlock ।
दुर्भाग्य से सबसे अच्छा समाधान मैं पा सकता था कि आपत्तिजनक विस्तार को निष्क्रिय कर सकते हैं।
जब मेरे पास यह समस्या थी तो कारण 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 एक्सटेंशन के कारण होती है।
कंसोल में कोई अधिक त्रुटि।
जांचें कि क्या आप क्रोम एक्सटेंशन (नाइट मोड या कुछ और) का उपयोग कर रहे हैं। उसे अक्षम करें और देखें कि क्या 'इंजेक्ट' चला गया है।
मैंने देखा कि समस्या AdBlock एक्सटेंशन की वजह से है, मैंने AdBlock एक्सटेंशन को बंद कर दिया और समस्या हल हो गई।