कम @import के साथ Undeclared चर। इसके उत्पन्न होने का कारण क्या है? क्या कोई फिक्स है?

Question

मेरे पास 2 कम फ़ाइलें हैं। Globals.less और Site.less। Globals.less मेरे सभी वैश्विक (आंकड़े जाओ) चर और एक सीएसएस रीसेट परिभाषा में एक आयात शामिल है। साइट.लेस में उपयोग में शैलियों शामिल हैं।

Globals.less:

//Imports 
@import "CSSReset.less"; 

//Colors 
@color-background: rgb(0, 0 , 0); 

Site.less:

@import "Globals.less"; 

body { 
    background: @color-background url('/Images/BackgroundTextureBody.png'); 
} 

समस्या यह है: में Site.less में दृश्य स्टूडियो @ रंग पृष्ठभूमि को रेखांकित किया जाता है और त्रुटि "अघोषित है परिवर्तनीय ", लेकिन कम सीएसएस के लिए संकलित बस ठीक है और पृष्ठभूमि रंग ठीक से # 000 पर सेट है। यह किसी भी चीज़ की तुलना में परेशानियों से अधिक है, लेकिन मैं इंटेलिजेंस खो देता हूं और मुझे अपनी त्रुटि सूची में चेतावनियां मिलती हैं। मैं संपादक को अपेक्षित कार्य करना चाहता हूं और Globals में मेरी घोषणाओं को "देखने" में सक्षम हूं। जब भी मैं साइट संपादित नहीं कर रहा हूं। क्या मैं कुछ गलत कर रहा हूं, क्या यह एक बग है, या मेरा पर्यावरण सही ढंग से सेटअप नहीं है?

Answer 1

यह पता चला है कि मैं वेब अनिवार्यता 2012 के पुराने संस्करण का उपयोग कर रहा था। पहली बात यह है कि मुझे जांचना चाहिए और ऐसा करने में असफल रहा यह सुनिश्चित करने के लिए कि मेरा पर्यावरण अद्यतित है। नवीनतम संस्करण में वेब अनिवार्यता को अद्यतन करने से समस्या को ठीक किया गया।

Answer 2

ऐसा लगता है कि दृश्य स्टूडियो (या इसे कम दुभाषिया है) आयातित Globals.less

आयात कर रहा है चर के भीतर चर का दायरा नहीं समझती करने के लिए एक सामान्य और आम बात है तो मैं सुझाव देंगे कि यह आपके विजुअल स्टूडियो सेटअप में एक बग या गायब सुविधा।

Answer 3

किसी विशेष कम फ़ाइल के लिए इंटेलिजेंस प्राप्त करने के लिए आप एक संदर्भ पथ जोड़ सकते हैं उसी तरह आप एक जेएस फ़ाइल में इंटेलिजेंस प्राप्त करना चाहते हैं।

उदाहरण

/// <reference path="Globals.less" /> 

@import "Globals.less"; 

body { 
    background: @color-background url('/Images/BackgroundTextureBody.png'); 
}