मैप फ़ाइल को लोड करने की कोशिश कर रहा बूटस्ट्रैप। इसे कैसे निष्क्रिय करें? क्या मुझे इसे करने की आवश्यकता है?


127

मैं हाल ही में bootrap3 से खेल रहा हूं। मैंने इसे स्रोतों से संकलित किया और अपने प्रोजेक्ट में distr js और css शामिल किया। बात यह है, मैं GH देव उपकरणों में देखता हूं, कि यह .map.css फ़ाइल प्राप्त करने की कोशिश कर रहा है। ऐसा क्यों करना चाहता है? इसे कैसे निष्क्रिय करें? क्या मुझे इसे निष्क्रिय करने की आवश्यकता है? देव उपकरणों में त्रुटि चिह्न नहीं होने के लिए, मैंने उस मैप फ़ाइल को जोड़ा, जिसके बाद सभी शैलियों को प्रदर्शित किया जाता है क्योंकि वे कम फाइलों में परिभाषित होती हैं, जो मुझे बहुत मदद नहीं करती हैं।


5
नीचे दिए गए उत्तरों में से कोई भी आपके प्रश्न का उत्तर है? यदि नहीं, तो क्या आप अपने प्रश्न को अपडेट कर सकते हैं ताकि हम अपने उत्तरों में सुधार कर सकें?
डोमिनिक ज़ुकीविज़

जवाबों:


162

लाइन हटाएं /*# sourceMappingURL=bootstrap.css.map */सेbootstrap.css


38
कृपया अपने उत्तर को ओपी और अन्य पाठकों के लिए अपने उत्तर को अधिक उपयोगी बनाने के लिए अपना उत्तर स्पष्ट करें।
मोहित जैन

9
यह काम करता है, लेकिन अगर बूटस्ट्रैप को नोड_मॉड्यूल्स से सीधे संदर्भित किया जाता है, जब बूटस्ट्रैप को फिर से स्थापित किया जाता है, तो इसे वापस लिखा जाएगा
अलेक्जेंडर

2
वाह! बिल्कुल पागल ... यह केवल तभी काम करता है जब आप लाइन को "डिलीट" करते हैं (जैसा कि आपने कहा था) ... टिप्पणी करते हुए अभी भी 404 त्रुटियां उत्पन्न हुई हैं! खुशी है कि मैं आपकी पोस्ट पर ठोकर खाई!
flipflopmedia

120

.map फाइलें एक ब्राउजर को मिनिमम JS के पूर्ण वर्जन को डाउनलोड करने की अनुमति देती हैं। यह वास्तव में डिबगिंग उद्देश्यों के लिए है।

वास्तव में, .map गुम होना कोई समस्या नहीं है। आप केवल यह जानते हैं कि यह गायब है, क्योंकि ब्राउज़र ने अपने डेवलपर टूल खोले हैं, एक मिनिफाइ किए गए फ़ाइल का पता लगाया है और आपको यह सूचित कर रहा है कि JS डीबगिंग उतना अच्छा नहीं होगा जितना कि यह हो सकता है।

यही कारण है कि jQuery जैसी लाइब्रेरियों में फुल, मिनीफाइड और मैप फाइल भी है।

.Map फ़ाइलों की पूरी व्याख्या के लिए यह लेख देखें :


1
उन्हें डाउनलोड करता है? कहाँ से? मैंने मान लिया कि उन .less फ़ाइलों को किसी तरह मैप फ़ाइल के अंदर पैक किया जाता है। और पेज लोड होने पर, bootrap उन फ़ाइलों को एक पैकेज से फिर से बनाता है।
ढबला

1
उसी डायरेक्टरी से इसे .js से मिलता है। इसे केवल तभी याद रखें जब डेवलपर टूल खुले हों, न कि सामान्य अनुरोध के रूप में।
डोमिनिक ज़ुकीविज़

आपके उत्तर के लिए धन्यवाद, लेकिन मेरे पास .lessमेरे प्रोजेक्ट में फाइलें नहीं हैं । मैंने केवल .cssऔर .jsफाइलें और वह mapफाइल जोड़ी ।
ढबला

1
@ रेमंड: डेवलपर टूल फ़ाइल नाम जैसे .min.css को नहीं समझते हैं - आखिर - क्या हम इसकी गारंटी दे सकते हैं कि यह छोटा है? नहीं .. यह केवल यह सुनिश्चित करने के लिए दोनों प्रतियाँ उपलब्ध हैं। फिर, यह डेवलपर टूल के साथ सक्षम किया जा रहा है। यदि आप उपकरण विंडो बंद करते हैं, तो यह अनुरोध नहीं किया जाएगा।
डोमिनिक ज़ुकीविज़ 17

3
दोहराना करने के लिए .map फ़ाइल को केवल तब ही अनुरोध किया जाता है और उपयोग किया जाता है जब केवल देव उपकरण खुले होते हैं, इसलिए यदि यह गायब है, तो जब आपके उपयोगकर्ता आपके पृष्ठ पर जाते हैं, तो आपको कोई अतिरिक्त असफल अनुरोध नहीं मिल रहा है।
टॉमफ्यू

27

लाइन निकालें /*# sourceMappingURL=bootstrap.css.map */मेंbootstrap.css

यदि त्रुटि बनी रहती है, तो ब्राउज़र के कैश (CTRL + F5) को साफ़ करें।


2
एक ही जवाब दो साल बाद?
पानू हैरमो

वही उत्तर देने की बात जो किसी और ने सालों पहले दी थी? stackoverflow.com/a/23909455/1879699
एंड्रियास

17

"/*# sourceMappingURL=bootstrap.min.css.map */ "निम्न फ़ाइलों में लाइन हटाएं ।

  • सीएसएस / bootstrap.min.css
  • सीएसएस / bootstrap.css

लिनक्स में फ़ाइल पथ लाने के लिए कमांड का उपयोग करें find / -name "\*bootstrap\*"


स्रोत मैप फ़ाइलें, जैसे बूटस्ट्रैप.min.css.map, फ़ाइल माइनिफिकेशन / संकलन प्रक्रिया के दौरान स्वचालित रूप से उत्पन्न होती हैं। वे वास्तव में उत्पादन के लिए आवश्यक नहीं हैं, लेकिन एक ही समय में उन लोगों की तुलना में 3 गुना अधिक डिस्क स्थान पर कब्जा कर लेते हैं जो वे मैप कर रहे हैं। इसलिए हम उन्हें विमोचन में शामिल नहीं करते हैं। यदि आप केवल उस संदेश को निकालना चाहते हैं, तो आप या तो / * # sourceMappingURL = bootstrap.min.css.map * / में bootstrap.min.css, bootstrap.min.js और popper.min.js या डाउनलोड स्रोत जैसी टिप्पणियां निकाल सकते हैं बूटस्ट्रैप 4.1.3 रिलीज से फाइल फाइल करें और उन्हें लिबास डायरेक्टरी के अंदर रखें।
अजय ताकुर

17

यह केवल तब होता है जब आप dev-tools का उपयोग करते हैं, और उत्पादन सर्वर तक पहुँचने वाले सामान्य उपयोगकर्ताओं के लिए नहीं होगा।

किसी भी स्थिति में, मैंने इस व्यवहार को केवल डी -टूल्स में अक्षम करने के लिए उपयोगी पाया : सेटिंग्स खोलें और "स्रोत मैप सक्षम करें" विकल्प को अनचेक करें।

अब मैप फ़ाइलों तक पहुँचने का प्रयास नहीं किया जाएगा।


मुझे लगता है कि यह सबसे अधिक प्रासंगिक उत्तर हो सकता है। अन्य केवल तभी प्रासंगिक होते हैं जब उल्लेखित फ़ाइलों को आपके आवेदन के साथ पैक किया जाता है - जो हर समय नहीं होता है।
लुकिनो

6

यदि आपके पास सही .map फ़ाइल नहीं है और आप bootstrap.css में लाइनें संपादित नहीं करना चाहते हैं, तो आप एक dummy.map फ़ाइल बना सकते हैं।

मेरे मामले में मैं त्रुटि देख रहा था:

GET /bootstrap.css.map not found.

इसलिए मैंने / public निर्देशिका में एक खाली बूटस्ट्रैप.css.map बनाया और त्रुटि बंद कर दी।


1
के साथ काम नहीं करता है bowerया ऐसा कुछ है क्योंकि उत्पादन मोड में बूटस्ट्रैप को स्रोत से स्थापित किया जाएगा। किसी भी उत्तर के लिए वही जो लाइन को हटाने के लिए कहता है /*# sourceMappingURL=bootstrap.css.map */
मोंटेइरोबिनेरा


1

Bootstrap.css से अंतिम पंक्ति को हटा दें / * # sourceMappingURL = bootstrap-theme.csmap/


1

मैंने Google देव-टूल्स में भी चेतावनी दी थी और मैंने केवल bootstrap.min.css.map फ़ाइल को उसी फ़ोल्डर में जोड़ा है, जहाँ bootstrap.min.css है।

मेरे पास अब कोई चेतावनी नहीं है और आप यहां अधिक स्पष्टीकरण पा सकते हैं: https://github.com/twbs/bootstrap#whats-included

मुझे लगता है कि मैंने आपके सवाल का जवाब दे दिया है।


1

मेरे लिए, bootstrap.css के साथ एक खाली bootstrap.css.map बनाया और त्रुटि बंद कर दी।


1

इस लाइन को हटाने से इसे ठीक कर दिया जाता है, लेकिन समस्या यह है कि बूस्टर की फाइलें चालू हैं bower_componentsऔर स्रोत नियंत्रण में नहीं हैं।

इसलिए, टीम के प्रत्येक डेवलपर को रेपो खींचने और डू bower install(जो कि एक नए रेपो का उपयोग करने का हिस्सा है) के साथ सीएसएस फ़ाइल को मैप संदर्भ के साथ मिलेगा ।

फ़ाइल में उस नक्शे का संदर्भ नहीं होना चाहिए जो वहां नहीं है।


1

ठीक है हाल ही में मुझे इस समस्या का सामना करना पड़ा है मेरे पास इस मुद्दे को हल करने के लिए बहुत ही सरल समाधान है, इन चरणों का पालन करें: इन निर्देशिकाओं पर जाएं src-> app-> index.html index.html खोलें और <base href="your app name ">इसे इस में बदलें<base href="https://stackoverflow.com/">


0

Bootstrap.css में अंतिम पंक्ति हटाएं

folllowing lin / * # sourceMappingURL = bootstrap.css.map * /


मुद्दे को समझाने की कोशिश करें और आपके उत्तर को कैसे हल किया जाए, इसका अच्छा अभ्यास जो नए उपयोगकर्ता को यह जानने की अनुमति देता है कि क्या हुआ था
पंकज निमगडे
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.