Language-tools: शैली टैग `lang` विशेषता Svelte बीटा से चेतावनी ट्रिगर करता है

यह मेरे साथ भी होता है, जैसे ही मैं src="./xxx.scss" के माध्यम से आयातित शैली की भाषा को इंगित करने वाली किसी भी भाषा या विवरण को अक्षम करता हूं, सिस्टम पेज की शुरुआत में इसके बारे में शिकायत करना बंद कर देता है।

चूंकि यह स्कैस के लिए होता है, इसलिए मैं बहुत निश्चित हूं कि यह इस तरह की नोड-एसएएस समस्या है।

क्या आप VSCode में आउटपुट-> Svelte खोल सकते हैं (नीचे देखें, जहां आपका टर्मिनल है), त्रुटि को पुन: उत्पन्न करें और यहां पेस्ट करें कि आउटपुट क्या है?

संभवतः संबंधित: # 32

स्थानीय और वैश्विक स्तर पर नोड-एसएएस के साथ कुछ भी नहीं किए जाने के बाद भी कई पुनः लोड के बाद भी परिणाम बदल गया है।

यह Svelte का आउटपुट है (ध्यान दें कि मेरे पास 3.20.1 है क्योंकि अपडेट किए गए संस्करण में एक बग मुझे प्रोजेक्ट को अपग्रेड करने की अनुमति नहीं देता है, साथ ही रिपोर्ट किया गया है)

loading config for /PATH/TO/PROJECT/src/Button.svelte
Using Svelte v3.20.1 from /PATH/TO/PROJECT/node_modules/svelte/compiler
Using Svelte v3.20.1 from /PATH/TO/PROJECT/node_modules/svelte/compiler
loading config for /PATH/TO/PROJECT/node_modules/@smui/common/H6.svelte
Using Svelte v3.20.1 from /PATH/TO/PROJECT/node_modules/svelte/compiler
Using Svelte v3.20.1 from /PATH/TO/PROJECT/node_modules/svelte/compiler
loading config for /PATH/TO/PROJECT/src/App.svelte
Using Svelte v3.20.1 from /PATH/TO/PROJECT/node_modules/svelte/compiler
Using Svelte v3.20.1 from /PATH/TO/PROJECT/node_modules/svelte/compiler
loading config for /PATH/TO/PROJECT/src/App.svelte
Using Svelte v3.20.1 from /PATH/TO/PROJECT/node_modules/svelte/compiler
Using Svelte v3.20.1 from /PATH/TO/PROJECT/node_modules/svelte/compiler
loading config for /PATH/TO/PROJECT/src/App.svelte
Using Svelte v3.20.1 from /PATH/TO/PROJECT/node_modules/svelte/compiler
Using Svelte v3.20.1 from /PATH/TO/PROJECT/node_modules/svelte/compiler

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

मेरा मानना ​​है कि इस htmlxparser.ts से संबंधित कुछ है

@dummdidumm मैंने वास्तव में इस बग को पोस्ट करने से पहले उस आउटपुट की जांच की और देखा कि Svelte Beta द्वारा कोई त्रुटि नहीं बताई जा रही है। मैं आज फिर से कोशिश करूंगा जब मैं सक्षम हूं और लॉग पोस्ट करूंगा।

चूँकि यह scss के लिए होता है, इसलिए मैं बहुत निश्चित हूँ कि यह इस तरह की नोड-एसएएस समस्या है।

मुझे संदेह है कि यह मामला होगा, लेकिन मैं जांच करूंगा कि मुझे क्या मिला।

@ ईगनस आउटपुट से मैं अनुमान लगा सकता हूं कि svelte.config.js मिला था। यदि कॉन्फ़िगरेशन नहीं मिला है, लेकिन जरूरत है ( lang / type script / style ) पर सेट किया जा रहा है, तो एक No svelte.config.js found but one is needed संदेश लॉग में दिखाई देगा।
इसका svelte2tsx के htmlxparser से कोई लेना-देना नहीं है, क्योंकि इसमें कोई पूर्वप्रक्रिया नहीं की गई है। यह यहाँ विफल रहता

जब मैं स्वेलेट आउटपुट चेक करता हूं, तो वह लॉग मुझे मिल जाता है (पथ गुमनाम हो जाते हैं; वीएल कोड में प्रदर्शित होने पर स्लैश)

Initialize language server at c:/PATH/TO/PROJECT/
Initialize new ts service at  
loading config for c:/PATH/TO/PROJECT/src/App.svelte
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler
loading config for c:/PATH/TO/PROJECT/src/App.svelte
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler
loading config for c:/PATH/TO/PROJECT/src/App.svelte
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler
loading config for c:/PATH/TO/PROJECT/src/App.svelte
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler
loading config for c:/PATH/TO/PROJECT/src/App.svelte
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler

लगभग @Egnus के VS कोड आउटपुट के समान, Svelte संस्करण और Initializing new ts service at जोड़ के लिए सहेजें। यकीन नहीं है कि यह परिणाम का है, लेकिन संदेशों के बीच स्लैश का विकल्प मेरे लिए खड़ा है।

यह भी डबल-चेक किया गया कि नोड-एसएएस विंडोज और नोड के मेरे संस्करण के साथ संगत था। नोड- sass v4.14.1 (अभी के अनुसार नवीनतम रिलीज) नोड के मेरे संस्करण के साथ संगत है, v13.7।

क्या आप कृपया एक बार और जाँच कर सकते हैं? मैंने उस क्षेत्र में अधिक लॉगिंग के साथ एक अद्यतन को धक्का दिया और उपयोगकर्ता-सामना करने वाले त्रुटि संदेश को भी थोड़ा अद्यतन किया।

क्या आप ऊपर की बात कर रहे हैं? यदि हां, तो मैंने कमेटी के विलय के बाद जाँच की थी, और जाँच से पहले नया अपडेट स्थापित किया था।

विस्तार को रात में प्रकाशित किया जाता है, पिछली बार लगभग 8 घंटे पहले, इसलिए आपका लॉग 14 घंटे पहले "पुराने" संस्करण के साथ होने की संभावना है।

ओह समझा। जब मैं अगली बार सक्षम होगा तब मुझे नया लॉग मिलेगा।

मैं इसे कुछ घंटों में या उससे पहले भी देखूंगा

मम्मम दिलचस्प, आप सही थे:

Preprocessing failed
Error: Cannot find any of modules: node-sass,sass
    at Object.exports.importAny (/PATH/TO/PROJECT/node_modules/svelte-preprocess/dist/utils.js:1:2844)

मैं जाँच करूँगा कि svelte.config.js इसका उपयोग क्यों नहीं कर रहा है और वापस आ गया है

ठीक है, तो ऐसा लगता है कि svelte-preprocess VSCode द्वारा node-sass न तो वैश्विक या स्थानीय पाया जाता है। जबकि एक ही रोलअप कॉन्फ़िगरेशन निम्नलिखित svelte.config.js आयात करता है।

// svelte.config.js
const sveltePreprocess = require('svelte-preprocess');

module.exports = {
  preprocess: sveltePreprocess({
    scss: {
      includePaths: ['x', 'y', 'z'],
    },
    typescript: {
      extensions: ['x', 'y', 'z'],
      includePaths: ['x', 'y', 'z'],
    },
  }),
  // ...other svelte options
};

// The following alternative should make SCSS to work but nothing else will. Why the auto preprocess does not work here?

// import sass from 'node-sass';
// module.exports = {
//   preprocess: {
//     style: async ({ content, attributes }) => {
//       if (attributes.type !== 'text/scss') {
//         return;
//       }

//       const result = await sass.renderSync({
//         data: content,
//         sourceMap: 'style.css.map',
//         omitSourceMapUrl: true,
//       });

//       return {
//         code: result.css.toString('utf8'),
//         map: result.map.toString('utf8'),
//       };
//     },
//   },
// };

Svelte Beta की समस्या हो सकती है? मुझे इस बात का कोई अंदाजा नहीं है कि इस बिंदु पर VSCode को नोड-एसएएस का रास्ता कैसे बताया जाए, इसके अलावा मैं खुद को प्रीप्रोसेस लिख रहा हूं।

मुझे यह मास्टर पर मिल रहा है और मुझे नहीं लगता कि मैंने अपने कंप्यूटर पर नोड-एसएएस भी लगाया है। टाइपस्क्रिप्ट काम कर रहा है (!!!) सिर्फ यह नहीं बल्कि कष्टप्रद लिंट चेतावनी है।

.
├── home.svelte
├── node_modules
│   ├── <strong i="6">@types</strong>
│   ├── detect-indent
│   ├── min-indent
│   ├── strip-indent
│   └── svelte-preprocess
├── package-lock.json
├── package.json
└── svelte.config.js

घर

<script lang="typescript">
  export let title: string = "10";
</script>

<style>
  h2 {
    background: blue;
  }
</style>

<html lang="en">
  <h2>{parseInt(title, 10)}</h2>
</html>

svelte.config.js

const sveltePreprocess = require('svelte-preprocess')

module.exports = {
  preprocess: sveltePreprocess(),
}

नीचे संकीर्ण करने में मदद करने के लिए आगे कुछ भी परीक्षण करने के लिए खुश।

मैं भी svelte.config.js निकालने के लिए remove और बस कुछ सामान्य विन्यास में पके हुए हैं। यह होने के लिए एक पीआर खोलने के लिए खुश। संपादित करें , I _think_ https://github.com/sveltejs/language-tools/pull/87 ने ऐसा किया ink

mm Im जिज्ञासु @matthewmueller , अपने एक्सटेंशन में Svelte Beta अपडेट करें और यहां VSCode में आउटपुट-> Svelte को कॉपी करें (नीचे देखें, जहां आपका टर्मिनल है)।

अहा! सूचक के लिए धन्यवाद!

ठीक है, इसलिए यह उजागर करता है कि मैं बस के आसपास खेल रहा था और अभी तक वास्तविक ऐप पर इसका परीक्षण नहीं किया था

दो निहित निर्भरताएं हैं जो स्पष्ट रूप से स्पष्ट हैं, लेकिन चेतावनी आपको भटकाती है:

1. त्रुटि: मॉड्यूल 'svelte / package.json' नहीं मिल रहा है
2. त्रुटि: [svelte-preprocess] 'टाइपस्क्रिप्ट' को बदलने में त्रुटि। मॉड्यूल 'टाइपस्क्रिप्ट' नहीं ढूँढ सकता

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

इसमें बेकिंग के बारे में: मैंने इस बारे में भी सोचा, लेकिन मुझे लगता है कि स्वेच्छाचारिता समुदाय को पहले से ही कस्टम प्रीप्रोसेसरों के लिए भी इस्तेमाल किया जा सकता है। यदि हम प्लगइन के अंदर यह सब करते थे, तो इसका मतलब नोड-एसएएस, कम, बैबेल जैसी निर्भरता को जोड़ना और स्थापित करना होगा, यह प्लगइन को फुलाता है।

विशिष्ट मुद्दे पर वापस आ रहे हैं, दो समस्याएं हैं:

1. मॉड्यूल रिज़ॉल्यूशन कभी-कभी खराब हो जाता है। कुछ ऐसा क्यों है जिसकी जांच होनी चाहिए। यह भी ध्यान देने योग्य है कि यार्न के पीएनपी जैसे सेटअप काम नहीं कर रहे हैं।
2. नोड-एसएएस नोड वर्जन के लिए बहुत संवेदनशील है जिसका उपयोग किया जाता है। मेरे लिए यह हमेशा अपने नोड निष्पादन योग्य के लिए svelte बीटा सेटिंग्स में रनटाइम वातावरण सेट करने के लिए पर्याप्त है जो कि बाकी ऐप द्वारा भी उपयोग किया जाता है। यदि आप ऐसा नहीं करते हैं, तो VSCode के नोड संस्करण का उपयोग किया जाता है और यह मेल नहीं खा सकता है।

@dummdidumm मुझे आपकी भावना के लिए लगता है, लेकिन मुझे व्यक्तिगत रूप से लगता है कि टाइपस्क्रिप्ट लोकप्रियता के एक निश्चित स्तर पर पहुंच गई है जहां यह प्रथम श्रेणी के समर्थन को वारंट करती है। अधिकांश नए कोडबेस टाइपस्क्रिप्ट के साथ शुरू हो रहे हैं और पुराने अपग्रेड हो रहे हैं। यह बहुत से लोगों को Svelte की कोशिश करने से रोक रहा है: https://news.ycombinator.com/item?id=21376557

मैं व्यक्तिगत रूप से प्रथम श्रेणी के बाबेल समर्थन को छोड़ देता हूं और देखता हूं कि लोग कितनी शिकायत करते हैं - कॉन्फ़िगरेशन में बहुत अधिक परिवर्तनशीलता है और यह समर्थन-वार के वार को खोल सकता है।

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

अहा! सूचक के लिए धन्यवाद!

ठीक है, इसलिए यह उजागर करता है कि मैं बस के आसपास खेल रहा था और अभी तक वास्तविक ऐप पर इसका परीक्षण नहीं किया था

दो निहित निर्भरताएं हैं जो स्पष्ट रूप से स्पष्ट हैं, लेकिन चेतावनी आपको भटकाती है:

1. Error: Cannot find module 'svelte/package.json'

2. Error: [svelte-preprocess] Error transforming 'typescript'. Cannot find module 'typescript'

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

Package.json बात दिलचस्प है, उस पर जाँच करने की आवश्यकता है। यह प्लगइन के अंतर्निहित संस्करण में वापस गिरना चाहिए। इसके अलावा, यह केवल टाइपस्क्रिप्ट के लिए पहले से ही आज काम करता है। आपको svelte.config.js को पूरी तरह से हटाने की आवश्यकता है। फ़ॉलबैक का उपयोग तब किया जाता है, जिसे टाइपस्क्रिप्ट के साथ सक्षम होना चाहिए, लेकिन अधिक नहीं। यह प्रलेखित नहीं है क्योंकि अभी उस क्षेत्र में बहुत अधिक उतार-चढ़ाव है।

हाँ, यह अद्भुत है! मैंने svelte.config.js निकाले हैं और svelte और typescript निर्भरताएँ जोड़ी हैं। यह एक सम्मोहन की तरह काम करता है!

एक आदमी को मछली सिखाने के लिए @egnus का भी धन्यवाद।

हां, मेरे लिए svelte.config.js हल किए गए डि इश्यू को भी हटा दें

@dummdidumm ने जांच की और उसी त्रुटि रिपोर्ट को प्राप्त किया जैसा कि ईगनस ने किया था:

Initialize language server at  c:/PATH/TO/PROJECT/
Initialize new ts service at  
Trying to load config for c:/PATH/TO/PROJECT/src/App.svelte
Found config at  c:\PATH\TO\PROJECT\svelte.config.js
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler
Using Svelte v3.22.3 from c:\PATH\TO\PROJECT\node_modules\svelte\compiler
Preprocessing failed
Error: Cannot find any of modules: node-sass,sass
    at Object.exports.importAny (c:\PATH\TO\PROJECT\node_modules\svelte-preprocess\dist\utils.js:1:2844)

मैंने svelte.config.js फ़ाइल निकालने के साथ भी प्रयोग किया, लेकिन यह मेरे मामले के लिए काम नहीं किया। हालांकि मैं चर्चा के बारे में क्या समझता हूं, ऐसा लगता है कि यह केवल उन स्थितियों को ठीक करने के लिए था जहां केवल टाइपस्क्रिप्ट प्रीप्रोसेसर का उपयोग किया जा रहा था।

सवाल यह उठाता है, तो दुर्बल की तलाश में है है node-sass या sass सिस्टम पथ पर बजाय में होने की node_modules ? जबकि मेरे पास परियोजना के लिए node-sass स्थानीय रूप से स्थापित है, मेरे पास यह विश्व स्तर पर स्थापित नहीं है।

"मॉड्यूल का कोई भी पता नहीं लगा सकता: ..." त्रुटि तब प्रकट हो सकती है जब पैकेज नहीं मिलता है, क्योंकि मॉड्यूल रिज़ॉल्यूशन इसे नहीं मिला, या क्योंकि यह इसे मिला लेकिन नोड संस्करण मेल नहीं खाते और नोड-एसएएस तब फेंकता है एक गलती। svelte-preprocess इन दोनों त्रुटियों को निगल जाता है और बस "किसी भी मॉड्यूल को नहीं ढूँढ सकता:"

मैंने यह कोशिश की और जिस समस्या को मैं चला रहा हूं उसे #dummdidumm की तरह svelte.language-server.runtime सेट करके ठीक किया जा सकता है।
@JoebusMiles आप एक js फ़ाइल में node-sass आवश्यकता कर सकते हैं और यदि कोई त्रुटियां हैं, तो नोड के साथ फ़ाइल को चलाने के लिए देखें।

const nodeSass = require('node-sass')

console.log(nodeSass)

@JoebusMiles परीक्षण के इस समूह के दौरान, मैंने न केवल svelte.config.js निकाले, बल्कि DevD निर्भरता के रूप में sass स्थापित किए (मेरे पास केवल नोड-एसएएस था), और विश्वभर में नोड-एसएएस स्थापित किया।

इससे पहले से ही पहले से ही, बिना सफल हुए, जब मैंने जेएस फ़ाइल को हटा दिया, तो स्वेल्टे बीटा ने काम किया, लेकिन मुझे वास्तव में यह नहीं पता है कि मैंने इनमें से कौन सा अन्य विवरण प्रभावित किया था और मैं फिलहाल इसका परीक्षण नहीं कर सकता।
आपको बता दें कि इनमें से कोई भी अतिरिक्त परिवर्तन समस्या को हल कर सकता है। इसके अलावा, हर कोशिश के साथ भाषा-उपकरण और बनामकोड विंडो को पुनरारंभ करें।

@ jasonlyu123 सलाह के लिए धन्यवाद। आपके कोड स्निपेट के उपयोग से मुझे कोई त्रुटि नहीं मिली, इसलिए मैं मानता हूं कि node-sass वास्तव में काम कर रहा है। (हालांकि मुझे सिर्फ यह टाइपिंग के रूप में एहसास हुआ कि चूंकि वेबपैक बिना मुद्दों के संकलन कर रहा था, इसलिए वह चेक निरर्थक हो सकता है।)

हालाँकि, ऐसा लगता है कि node-sass समस्या थी। sass (और केवल sass ) स्थापित करने के बाद, Svelte Beta ने चेतावनी देना बंद कर दिया। मैंने अपनी परियोजना से node-sass निकाले और चेतावनियाँ फिर से प्रकट नहीं हुईं। लगता है कि सेवेल्टे बीटा केवल sass या node-sass बजाय sass तलाश में था।

इसके अतिरिक्त, मैंने lang मूल्य को scss से sass बदलने के साथ खेला और लाइनिंग के साथ कुछ अजीब व्यवहार को देखा। हालांकि स्वेल्ट बीटा अब शिकायत नहीं करता है, वीएस कोड का सीएसएस लाइनर एक शैली टैग के अंदर इंडेंटेशन आधारित सैस सिंटैक्स को देखने जैसा नहीं लगता है:

हालांकि मुझे लगता है कि यह एक वीएस कोड से अधिक है एक Svelte बीटा मुद्दे की तुलना में।

SASS दुर्भाग्य से अब तक समर्थित नहीं है। हम लाइनिंग आदि के लिए https://github.com/microsoft/vscode-css-languageservice/tree/master/src का उपयोग करते हैं और वह लाइब्रेरी SASS का समर्थन नहीं करती है।

यद्यपि आपकी त्रुटियां वर्कअराउंड के माध्यम से तय होती हैं, फिर भी मैं इस मामले में किसी और को इस मामले में खुला छोड़ देना चाहता हूं, और इस समस्या की तह तक भी जाना चाहता हूं।

मुद्दे पर थोड़ी प्रतिक्रिया। मैंने उसी समस्या का सामना किया, और "svelte.language-server.runtime": "/<LOCAL_PATH>/bin/node" सेट करके हल किया।

मुझे लगता है कि इसके कारण vscode extenstion Code Helper (Renderer) में डिफ़ॉल्ट नोड रनटाइम इलेक्ट्रॉन कस्टम निर्मित होता है, जिससे नोड-एसएएस जैसे मूल निवासी को हल करने में परेशानी होती है।

ps aux आउटपुट:

/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Renderer).app/Contents/MacOS/Code Helper (Renderer) --inspect=6009 /Users/username/.vscode/extensions/svelte.svelte-vscode-99.0.39/node_modules/svelte-language-server/bin/server.js --node-ipc --clientProcessId=72991

इसके लिए कहीं न कहीं दस्तावेज चाहिए। या बेहतर है, डिफ़ॉल्ट रूप से विलुप्त होने के अंदर exec('/usr/bin/env which node') के उपयोगकर्ता अधिकार के लिए एक सामान्य नोड बाइनरी का पता लगाने की कोशिश करें (यह सुनिश्चित नहीं करें कि विंडोज़ पर हालांकि ऐसा कैसे करें)।

यह प्रलेखित है और आईडीई में चेतावनी भी इस पर संकेत देती है।

आगामी ठेस रिलीज में चेतावनी बेहतर होगी, पहले से ही रात को परीक्षण किया जा सकता है। मुझे उम्मीद है कि यह भविष्य में समस्या को कम करेगा। चूंकि इस मुद्दे पर पहले से ही बहुत सारी चीजें समानांतर चल रही हैं, जिनमें से सबसे ज्यादा अगर उनमें से हर एक को हल नहीं किया जाता है, तो मैं इसे बंद करने जा रहा हूं। यदि SCSS से संबंधित समस्या होती है, तो कृपया एक नया मुद्दा खोलें।