Language-tools: "рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдХреЛрдИ рднреА рдкрддрд╛ рдирд╣реАрдВ рд▓рдЧрд╛ рд╕рдХрддрд╛: sass, рдиреЛрдб- sass" рд╣рд╛рд▓рд╛рдВрдХрд┐ `sass` рд╕реНрдерд╛рдкрд┐рдд рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 19 рдЕрдХреНрддреВре░ 2020  ┬╖  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 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдирд╣реАрдВ рдХреАред

рддреНрд░реБрдЯрд┐ рдмрд┐рдирд╛ рд╕реАрдПрд╕рдПрд╕ рдХреЛрдб рдХреЗ рднреА рд╕реНрдерд╛рдиреЛрдВ рдкрд░ рджрд┐рдЦрд╛рдИ рджреЗрддреА рд╣реИ (рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ рджреЗрдЦреЗрдВ)

рдкреНрд░рдЬрдирди рдХрд░рдирд╛
рд╡реНрдпрд╡рд╣рд╛рд░ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрджрдо:

  1. svelte-preprocess рдФрд░ sass
  2. Svelte.config.js рдХреЛ sass.implementation рдХрд░рдХреЗ 'рдЖрд╡рд╢реНрдпрдХрддрд╛' ('sass') рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░реЗрдВ
  3. рдХреЛрдИ рднреА .svelte рдлрд╝рд╛рдЗрд▓ рдЦреЛрд▓реЗрдВ

рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░

  1. рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдореЗрдВ рддреНрд░реБрдЯрд┐рдпрд╛рдВ рдирд╣реАрдВ рд╣реИрдВ

рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ
grafik

рд╕рд┐рд╕реНрдЯрдо (рдХреГрдкрдпрд╛ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдЬрд╛рдирдХрд╛рд░реА рдкреВрд░реА рдХрд░реЗрдВ):

  • рдУрдПрд╕: рдореИрдХрдУрдПрд╕ рдХреИрдЯрд╛рд▓рд┐рдирд╛ 10.15.7
  • рдЖрдИрдбреАрдИ: VSCode 1.50.1
  • рдкреНрд▓рдЧрдЗрди / рдкреИрдХреЗрдЬ: "VSCode рдХреЗ рд▓рд┐рдП Svelte"

рдЕрддрд┐рд░рд┐рдХреНрдд рд╕рдВрджрд░реНрдн
рдореИрдВ рдПрдХ Sapper рдРрдк рд╡рд┐рдХрд╕рд┐рдд рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рди рдХрд┐ рдХреЗрд╡рд▓ Svelteред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдареАрдХ рд╣реИ, рдореИрдВ рдмрд╣реБрдд рдЧреВрдВрдЧрд╛ рдорд╣рд╕реВрд╕ рдХрд░рддрд╛ рд╣реВрдВ very

рд╣рд╛рд▓рд╛рдБрдХрд┐ рдореИрдВрдиреЗ рдкрд╣рд▓реЗ рдЬрд╛рдБрдЪ рдХреА, рдореИрдВ рдЬреЗрдореНрд╕ рдмрд░реНрдЯрд▓реНрд╕ рджреНрд╡рд╛рд░рд╛ рдкреБрд░рд╛рдиреЗ рд╡рд┐рд╕реНрддрд╛рд░ рдХреЛ рдпрд╛рдж рдХрд░ рд░рд╣рд╛ рдерд╛ рдЬреЛ рдЕрднреА рднреА рд╕реНрдерд╛рдкрд┐рдд рдерд╛ред рдкреБрд░рд╛рдиреЗ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЛ рд╣рдЯрд╛рдиреЗ рдФрд░ VSCode рдХреЛ рдлрд┐рд░ рд╕реЗ рд▓реЛрдб рдХрд░рдиреЗ рдкрд░, рд╕рдВрджреЗрд╢ рдЪрд▓рд╛ рдЧрдпрд╛ рдерд╛

рд╕рднреА 4 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдареАрдХ рд╣реИ, рдореИрдВ рдмрд╣реБрдд рдЧреВрдВрдЧрд╛ рдорд╣рд╕реВрд╕ рдХрд░рддрд╛ рд╣реВрдВ very

рд╣рд╛рд▓рд╛рдБрдХрд┐ рдореИрдВрдиреЗ рдкрд╣рд▓реЗ рдЬрд╛рдБрдЪ рдХреА, рдореИрдВ рдЬреЗрдореНрд╕ рдмрд░реНрдЯрд▓реНрд╕ рджреНрд╡рд╛рд░рд╛ рдкреБрд░рд╛рдиреЗ рд╡рд┐рд╕реНрддрд╛рд░ рдХреЛ рдпрд╛рдж рдХрд░ рд░рд╣рд╛ рдерд╛ рдЬреЛ рдЕрднреА рднреА рд╕реНрдерд╛рдкрд┐рдд рдерд╛ред рдкреБрд░рд╛рдиреЗ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЛ рд╣рдЯрд╛рдиреЗ рдФрд░ VSCode рдХреЛ рдлрд┐рд░ рд╕реЗ рд▓реЛрдб рдХрд░рдиреЗ рдкрд░, рд╕рдВрджреЗрд╢ рдЪрд▓рд╛ рдЧрдпрд╛ рдерд╛

рдЙрдкрд░реЛрдХреНрдд рд╡рд┐рд╕реНрддрд╛рд░ рд╡реАрдПрд╕ рдХреЛрдб рдХреЗ рд▓рд┐рдП рд╕реНрд╡реЗрд▓реНрдЯ рд╣реИ ред

рдареАрдХ рд╣реИ, рдореИрдВ рдмрд╣реБрдд рдЧреВрдВрдЧрд╛ рдорд╣рд╕реВрд╕ рдХрд░рддрд╛ рд╣реВрдВ very

рд╣рд╛рд▓рд╛рдБрдХрд┐ рдореИрдВрдиреЗ рдкрд╣рд▓реЗ рдЬрд╛рдБрдЪ рдХреА, рдореИрдВ рдЬреЗрдореНрд╕ рдмрд░реНрдЯрд▓реНрд╕ рджреНрд╡рд╛рд░рд╛ рдкреБрд░рд╛рдиреЗ рд╡рд┐рд╕реНрддрд╛рд░ рдХреЛ рдпрд╛рдж рдХрд░ рд░рд╣рд╛ рдерд╛ рдЬреЛ рдЕрднреА рднреА рд╕реНрдерд╛рдкрд┐рдд рдерд╛ред рдкреБрд░рд╛рдиреЗ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЛ рд╣рдЯрд╛рдиреЗ рдФрд░ VSCode рдХреЛ рдлрд┐рд░ рд╕реЗ рд▓реЛрдб рдХрд░рдиреЗ рдкрд░, рд╕рдВрджреЗрд╢ рдЪрд▓рд╛ рдЧрдпрд╛ рдерд╛

рдФрд░ рдХреНрдпрд╛ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╕реНрддрд╛рд░?

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

JoeDailey picture JoeDailey  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

matthewmueller picture matthewmueller  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

arxpoetica picture arxpoetica  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

non25 picture non25  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

baileyherbert picture baileyherbert  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ