Less.js Chrome में प्रतिक्रिया नहीं दे रहा है

Firefox में कम.js कार्यक्षमता जबकि क्रोम में अनुत्तरदायी रहने से चिंताएं बढ़ गई हैं। कारण निर्धारित करने के लिए, आइए दिए गए कोड की जांच करें:

@highlight: #cb1e16;
@shade1: #cb1e16;
@tone1: #5c6f7d;
@grad1: #e6edf3;
@grad2: #8a8d92;
@text1: #333e44;

header, footer, section, article, nav, aside { display: block; }

.grad {
  background: @grad2;
  background: -moz-linear-gradient(top, @grad1, @grad2 1200px);
  background: -webkit-gradient(linear, 0 0, 0 1200, from(#e6edf3), to(#8a8d92));
}

html {
  .grad;
  min-height: 100%;
}

ऐसा लगता है कि कोड वैध सीएसएस प्रीप्रोसेसर सिंटैक्स के साथ लेस.जेएस को लागू करता है। हालाँकि, दोषी वातावरण और उपयोग की गई सेटिंग्स में निहित है। दिए गए दस्तावेज़ के अनुसार:

Chrome में Less.js ब्राउज़र स्क्रिप्ट सीमाएं

"यदि आप Chrome का उपयोग कर रहे हैं तो Less.js ब्राउज़र स्क्रिप्ट वर्तमान में काम नहीं करेगी और आपके पृष्ठ का पथ "फ़ाइल: ///…" से शुरू होता है। यह एक ज्ञात क्रोम समस्या के कारण है।"

इसका तात्पर्य यह है कि स्थानीय फ़ाइलों का उपयोग करते समय लेस.जेएस क्रोम में काम नहीं कर सकता है। वेब सर्वर।

समाधान

समस्या को हल करने के लिए, निम्नलिखित प्रयास करें:

• वेब सर्वर का उपयोग करके फ़ाइलें परोसें: अपनी फ़ाइलें वेब सर्वर पर अपलोड करें और एक यूआरएल का उपयोग करके उन तक पहुंचें (उदाहरण के लिए, http://example.com/style.less)।
• लोकलहोस्ट सेटअप का उपयोग करें: चलाएँ एक स्थानीय विकास सर्वर (उदाहरण के लिए, PHP का अंतर्निर्मित सर्वर, पायथन का SimpleHTTPServer) और http://localhost:8000/style.less जैसे पते के माध्यम से अपनी फ़ाइलों तक पहुंचें।
• विकल्पों पर विचार करें: विकास के दौरान लेस फ़ाइलों को संकलित करने के लिए ग्रंट या गल्प जैसे लेस.जेएस प्रोसेसिंग टूल का उपयोग करें, जिससे क्रोम के साथ उनकी अनुकूलता सुनिश्चित हो सके।