صف الخلل
في كل ملف .svelte ، يلقي الامتداد علي هذا الخطأ (تم نسخه من علامة تبويب الإخراج):
Using Svelte v3.29.0 from /Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler
Preprocessing failed
Error: Cannot find any of modules: sass,node-sass
Error: Cannot find module 'node-sass'
Require stack:
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/modules/utils.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/autoProcess.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/index.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/importPackage.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/lib/documents/configLoader.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/lib/documents/Document.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/lib/documents/index.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/server.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/bin/server.js
at Object.importAny (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/modules/utils.js:30:15)
at async transformer (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/transformers/scss.js:18:21)
at async /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/autoProcess.js:96:29
at async Object.style (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/autoProcess.js:142:33)
at async wrappedPreprocessor.style (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/plugins/svelte/SvelteDocument.js:208:33)
at async /Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler.js:27431:32
at async Promise.all (index 0)
at async replace_async (/Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler.js:27386:52)
at async Object.preprocess (/Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler.js:27427:19)
at async transpile (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/plugins/svelte/SvelteDocument.js:223:25) {
__source: 'Style'
}
لقد تم تثبيت svelte-preprocess
وإعداداته في svelte.config.js
والتي تبدو كالتالي:
// svelte.config.js
const sveltePreprocess = require('svelte-preprocess');
module.exports = {
preprocess: sveltePreprocess({
postcss: {
plugins: [
require('autoprefixer')
]
},
sass: {
sync: true,
implementation: require('sass'),
},
}),
};
لقد حاولت إزالة implementation
ولم ينجح الأمر. كما أنه لا يعمل عند تعيين sass: true
. لم أحاول استخدام node-sass
لأنني بحاجة إلى تطبيق Dart على وجه التحديد.
يظهر الخطأ حتى في الأماكن التي لا تحتوي على كود scss (انظر لقطة الشاشة)
لإعادة إنتاج
خطوات إعادة إنتاج السلوك:
svelte-preprocess
و sass
sass.implementation
على `` تتطلب ('sass')سلوك متوقع
لقطات
النظام (يرجى استكمال المعلومات التالية):
سياق إضافي
أقوم بتطوير تطبيق Sapper ، وليس Svelte فقط.
حسنًا ، أشعر بالغباء 😅
على الرغم من أنني تحققت من قبل ، فقد فاتني الامتداد القديم لـ James Birtles والذي كان لا يزال مثبتًا. عند إزالة الامتداد القديم وإعادة تحميل VSCode ، اختفت الرسالة
الامتداد المشار إليه أعلاه هو Svelte لـ VS Code .
حسنًا ، أشعر بالغباء 😅
على الرغم من أنني تحققت من قبل ، فقد فاتني الامتداد القديم لـ James Birtles والذي كان لا يزال مثبتًا. عند إزالة الامتداد القديم وإعادة تحميل VSCode ، اختفت الرسالة
وما الامتداد الذي يجب استخدامه بدلاً من ذلك؟
التعليق الأكثر فائدة
حسنًا ، أشعر بالغباء 😅
على الرغم من أنني تحققت من قبل ، فقد فاتني الامتداد القديم لـ James Birtles والذي كان لا يزال مثبتًا. عند إزالة الامتداد القديم وإعادة تحميل VSCode ، اختفت الرسالة