2013-06-06 10 views
13

शुरू करने से पहले, मैं स्टैक एक्सचेंज पर दोबारा जांच करता हूं और मुझे कोई अन्य साइट नहीं मिली जो इस प्रश्न को फिट करेगी। अगर मैं चूक गया, बहाना।क्रोम पर सैस स्रोत मानचित्र समर्थन काम नहीं कर रहा है

मैंने this मार्गदर्शिका का पालन किया, स्रोत मानचित्र सैस के साथ समर्थन करने वाले क्रोम को सक्षम करने के लिए, लेकिन मैं इसे काम नहीं कर सकता।

मजाकिया हिस्सा यह है कि मैंने फ़ायरफ़ॉक्स के लिए समर्थन सक्षम करने के लिए, और काम कर रहा है, एक और गाइड का पालन किया।

भाग दोनों में समान है जो रेल में config.sass.debug_info = true स्थापित कर रहा है।

तो, मुझे लगता है कि समस्या रेल पर नहीं बल्कि क्रोम में है, लेकिन मुझे यकीन नहीं है।

यह मेरा सेटअप है:

  • रेल 3.2.8
  • उबंटू
  • क्रोम 27.0.1453.110

अद्यतन - ऐसा लगता है कि समस्या क्रोम 27 के साथ है। एक्स श्रृंखला। यदि ऐसा है, तो यह प्रश्न क्रोम डेवलपर्स से ठीक होने का इंतजार कर रहा है। तो अगर मैं पुष्टि कर सकता हूं, तो मैं थोड़ा और जांच करूँगा, मैं इस सवाल को बंद कर दूंगा। आपके समय के लिए धन्यवाद।

अद्यतन - तो क्या यह सच हो रहा है, इस गूगल क्रोम का एक मुद्दा है, आपकी मदद

+0

तो आपका प्रश्न सैस स्रोत मानचित्रों के बारे में है और सीधे सास के बारे में नहीं है (जो ब्राउज़र मूल रूप से समर्थन नहीं करते हैं)? – cimmanon

+0

ठीक है, हाँ। मुझे संकलित सीएसएस के बजाय क्रोम शो मुझे सास बनाने में मदद की ज़रूरत है। – raulricardo21

+0

मैंने यह भी देखा और एक बग फाइल करने जा रहा था, लेकिन यह सुनिश्चित नहीं था कि यह मेरी मशीन पर था ... मुझे नहीं लगता। – baseten

उत्तर

2

कोशिश के लिए सभी को धन्यवाद this link में ट्यूटोरियल के बाद। मैंने बस इसे आज सुबह स्थापित किया और यह मेरे लिए ठीक काम कर रहा है।

यह आपको एक तत्व का निरीक्षण करने देगा और फिर यह पता लगाएगा कि संबंधित एससीएसएस घोषणा क्या है।

+0

ऐसा लगता है कि अंतिम समस्या मेरा एसएएस संस्करण था: एस – raulricardo21

2

मुझे बस अपने होस्ट पर काम करने के लिए SASS स्रोत मानचित्र प्राप्त करने में समस्या आई थी .... मुझे पूरी तरह से पता नहीं था कि समाधान क्या हो सकता है क्योंकि नक्शा फ़ाइल उत्पन्न हुई थी, स्रोत मैपिंगURL-टैग मौजूद था और सब कुछ ठीक था , क्रोम कॉन्फ़िगर किया गया था और मैंने कैनरी-संस्करण का भी उपयोग किया ..... लेकिन फिर मुझे यह मिला: मैंने एक स्व-हस्ताक्षरित SSL-प्रमाणपत्र के साथ एक विकास वेबसर्वर का उपयोग किया जो मुझे अपने प्रमाणीकरण आदि का परीक्षण करने की आवश्यकता है .. जब मैंने स्विच किया एन्क्रिप्शन के बिना सादा HTTP मेरे स्रोतमैप तुरंत काम कर रहा है।

3

समस्या यह है कि क्रोम डेवलपर टूल ने हाल ही में बदल दिया स्रोत स्रोतों का कौन सा संस्करण इसका समर्थन करता है। आपके द्वारा उल्लिखित आलेख वर्णन करता है कि सीएसएस स्रोत मानचित्रों की पुरानी शैली कैसे स्थापित करें। हालांकि, क्रोम अब version 3 source maps का समर्थन करता है। नए स्रोत मानचित्र संकलित सीएसएस फ़ाइल में इनलाइन की बजाय एक अलग * .css.map फ़ाइल में मैपिंग डालते हैं। नए प्रारूप के लाभ यह है कि यह बहुत छोटा है और पुराने इंटरनेट एक्सप्लोरर्स के लिए शैलियों को तोड़ता नहीं है। link कि @ जस्टिन-स्मिथ प्रदान की गई आपको सही दिशा में इंगित करनी चाहिए। हालांकि, मेरे निष्कर्षों से, भले ही एसएएसएस मणि के प्री-रिलीज संस्करण 3.3 को एमएपी फाइलों को उत्पन्न करने के बारे में पता है, फिर भी रेलों की संपत्ति पाइपलाइन से इन फ़ाइलों को सही ढंग से सेवा देने के लिए सैस-रेल मणि से समर्थन होना आवश्यक है। मैंने रेल में v3 sass स्रोत मानचित्रों के समर्थन की वर्तमान स्थिति को जानने के लिए repo बनाया है। संपत्ति पाइपलाइन को शॉर्ट सर्किट करने का एक तरीका हो सकता है और सास मणि प्रीकंपाइल फाइलें रखती हैं और उन्हें एक निर्देशिका में डालती हैं जो संपत्ति पथ में जल्दी आती है। हालांकि, मुझे पता नहीं लगा कि यह कैसे करें।

+0

हमें [कॉफीस्क्रिप्ट के लिए यह जानकारी] के समान कुछ चाहिए (https://gist.github.com/नान/50 9 6056) लेकिन यह सैस के लिए काम करता है। कोई भी काम करने के लिए एसएएस स्रोत में खोदने को तैयार है? –

+0

मैंने सिममिलर [मणि] लिखा है (https://github.com/vhyza/sass-rails-source-maps) [कॉफी-रेल-स्रोत-मानचित्र] (https://github.com/markbates/coffee-rails -सोर्स-मैप्स) जो निर्दिष्ट गिस्ट पर आधारित है। आप [ब्लॉग पोस्ट] पर अधिक पढ़ सकते हैं (http://blog.vhyza.eu/blog/2013/09/22/debugging-rails-4-coffeescript-and-sass-source-files-in-google-chrome/) – vhyza

0

यदि कोई भी सैस के साथ क्रोम काम करने के लिए संघर्ष करने के बाद यहां समाप्त होता है, तो आपको --debug-info के बजाय कमांड लाइन: sass --watch --sourcemap sass/styles.scss:styles.css के माध्यम से स्रोत मानचित्र उत्पन्न करने के लिए एक अलग आदेश चलाने की आवश्यकता है। क्रोम के नए संस्करण अब इन-सीएसएस डीबग जानकारी के बजाय स्रोत मानचित्र का समर्थन करते हैं।
और जानकारी: https://developers.google.com/chrome-developer-tools/docs/tips-and-tricks#debugging-sass

+0

मैंने वास्तव में 'sass --watch --sourcemap --debug-sass/screen.scss: screen.css' का उपयोग करने का निर्णय लिया है क्योंकि परिणामस्वरूप सीएसएस और स्रोत मानचित्र मुझे डिबगिंग के लिए फ़ायरसास और क्रोम का उपयोग करने की अनुमति देता है। –

+0

- सोर्समैप अब बहिष्कृत है और उदाहरण के लिए --sourcemap = इनलाइन भी एक विकल्प की आवश्यकता है। विकल्प ऑटो (डिफ़ॉल्ट), फ़ाइल, इनलाइन, या कोई नहीं हैं। – cowgod

1

जो कोई सब कुछ कोशिश की है और, काम करने के लिए सीएसएस स्रोत नक्शे सुनिश्चित करें कि स्रोत नक्शा यूआरएल द्वारा वास्तव में पहुँचा जा सकता है नहीं भूल सकते। मेरे मामले में, नियमों को फिर से लिखना स्रोत मानचित्र को उजागर नहीं कर रहा था। एक बार मैंने इसे बदल दिया, यह तुरंत काम किया।

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