2014-05-22 10 views
94

पर रुबी के साथ क्रोम में एक पंक्ति से स्रोतमैप बंद हो रहा है, मुझे एक समस्या है जहां inline-source-map कॉन्फ़िगरेशन सेटिंग का उपयोग करके वेबपैक द्वारा उत्पन्न स्रोतमैप एक पंक्ति से बंद होते हैं जब मैं क्रोम devtools डीबगर का उपयोग करता हूं । वेबपैक रेल के आवेदन पर रूबी के अंदर स्थापित किया गया है ताकि दो दर्जन मॉड्यूल से बना एक समेकित, असीमित जावास्क्रिप्ट फ़ाइल उत्पन्न हो सके। उनमें से अधिकांश मॉड्यूल ReactJS घटक हैं, और jsx लोडर द्वारा पार्स किए गए हैं। वेबपैक से आउटपुट को application.js फ़ाइल में शामिल किया गया है जिसमें रत्नों द्वारा उत्पन्न कुछ अन्य जावास्क्रिप्ट पुस्तकालय भी शामिल हैं।क्रोम में रूबी, वेबपैक, और रिएक्ट जेएस

जब मैं eval-source-map का उपयोग करता हूं, तो कोई समस्या नहीं है। inline-source-map के उपयोग के बारे में कुछ कारणों से लाइन नंबरों को फेंक दिया जा सकता है।

जावास्क्रिप्ट का निरीक्षण करना जो एक प्रतिक्रिया घटक नहीं है, अभी भी यह समस्या है, इसलिए मुझे नहीं लगता कि यह जेएसएक्स के उपयोग से संबंधित है।

+4

ऐसा लगता है कि एक तरफ पहली पंक्ति को '0'' और अन्य विचारकों के रूप में माना जाता है यह लाइन '1'। आपको बस एक परिभाषा चुननी पड़ेगी, और किसी भी चीज के लिए मूल्य समायोजित करना होगा जो दूसरी तरफ काम करता है। –

+3

यदि स्रोत स्रोत में लाइन संख्याओं के लिए ब्राउज़र का उपयोग करने के लिए कोई तरीका है, तो संभावित रूप से समस्या हल हो सकती है। तब से मैंने थोड़ा अधिक काम किया है, और ऐसा लगता है कि वेबपैक द्वारा उत्पन्न जेएस को प्रोसेस किए बिना स्प्राकेट्स के बिना रेल का उपयोग करते समय, समस्या दूर हो जाती है। वेबपैक और स्पॉकेट दोनों का उपयोग करते समय लाइन नंबर केवल बंद है। – paradasia

+1

मुझे कोई जानकारी नहीं है। मैं मोज़िला के स्रोत-मानचित्र जेएस लाइब्रेरी के साथ कॉफीस्क्रिप्ट के स्रोत मानचित्र का उपयोग कर रहा था। सब कुछ ठीक था सिवाय इसके कि निम्नलिखित कोड में 'कॉलम' तर्क 1 बहुत अधिक में पारित किया गया है: 'window.onerror = function (message, url, line, column) {}'। इसे कम करने से इसे ठीक किया गया। नोट: यह क्रोम विशिष्ट है, मुझे अन्य ब्राउज़रों के बारे में पता नहीं है। –

उत्तर

3

क्रोम में एक बग था, नवीनतम संस्करण का प्रयास करें, भी अपने webpack config पर अगर एक इनलाइन स्रोत नक्शे के लिए काम करता है देखने के लिए इन सभी की कोशिश devtool पर विभिन्न sourcemaps प्रयोग करके देखें:

  • inline- स्रोत-नक्शा

  • सस्ते इनलाइन स्रोत-नक्शा

अन्य विभिन्न कॉन्फ़िगरेशन के लिए:

012,
  • सस्ता स्रोत-नक्शा

  • सस्ते मॉड्यूल स्रोत-नक्शा

  • सस्ते मॉड्यूल-eval स्रोत-नक्शा

webpack config पर:

{ 

... 

devtool:'source-map' 

... 

} 
संबंधित मुद्दे