Language-tools: "لا يمكن العثور على أي من الوحدات النمطية: sass، node-sass" بالرغم من تثبيت "sass"

تم إنشاؤها على ١٩ أكتوبر ٢٠٢٠  ·  4تعليقات  ·  مصدر: sveltejs/language-tools

صف الخلل
في كل ملف .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 (انظر لقطة الشاشة)

لإعادة إنتاج
خطوات إعادة إنتاج السلوك:

  1. تثبيت svelte-preprocess و sass
  2. قم بتكوين svelte.config.js عن طريق تعيين sass.implementation على `` تتطلب ('sass')
  3. افتح أي ملف .svelte

سلوك متوقع

  1. لا يتسبب الامتداد في حدوث أخطاء

لقطات
grafik

النظام (يرجى استكمال المعلومات التالية):

  • نظام التشغيل: macOS Catalina 10.15.7
  • IDE: VSCode 1.50.1
  • المكون الإضافي / الحزمة: "Svelte for VSCode"

سياق إضافي
أقوم بتطوير تطبيق Sapper ، وليس Svelte فقط.

question

التعليق الأكثر فائدة

حسنًا ، أشعر بالغباء 😅

على الرغم من أنني تحققت من قبل ، فقد فاتني الامتداد القديم لـ James Birtles والذي كان لا يزال مثبتًا. عند إزالة الامتداد القديم وإعادة تحميل VSCode ، اختفت الرسالة

ال 4 كومينتر

حسنًا ، أشعر بالغباء 😅

على الرغم من أنني تحققت من قبل ، فقد فاتني الامتداد القديم لـ James Birtles والذي كان لا يزال مثبتًا. عند إزالة الامتداد القديم وإعادة تحميل VSCode ، اختفت الرسالة

الامتداد المشار إليه أعلاه هو Svelte لـ VS Code .

حسنًا ، أشعر بالغباء 😅

على الرغم من أنني تحققت من قبل ، فقد فاتني الامتداد القديم لـ James Birtles والذي كان لا يزال مثبتًا. عند إزالة الامتداد القديم وإعادة تحميل VSCode ، اختفت الرسالة

وما الامتداد الذي يجب استخدامه بدلاً من ذلك؟

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات