S CSS в Svelte не распознается кодом Visual Studio - PullRequest
Новая
       44

S CSS в Svelte не распознается кодом Visual Studio

0 голосов
/ 03 мая 2020

VSCode не распознает s css, который я включаю в файл svelte. Он думает, что они являются css стилями и, первое совпадение css, которое он встречает, дает мне ошибку. Я пытался отключить проверку css в настройках через, но это, похоже, не дает никакого эффекта: "css .validate": false, приложение svelte работает правильно, либо запускается локально, либо компилируется комплект для производства (это не проблема моего кода). Это просто проблема с тем, как VSCode контролирует мои стили. Для этой проблемы большинство моих стройных компонентов кажутся неправильными, даже если они на самом деле не так. Для компиляции стилей, таких как s css, я включаю атрибут type="text/scss" в тег: 

<style type="text/scss">

SCSS in Svelte not recognized by Visual Studio Code

Another svelte scss false error

Все ошибки имеют код: "css-syntax-error". Я думаю, что причина в том, что VS Code не распознает, что это S CSS, а не CSS.

У меня есть следующие расширения для sass in svelte:

  • S CSS IntelliSense
  • Украсить css / scss / sass / less
  • Live SASS Compiler
  • Плагин Svelte 0.9.3

Svelte plugin version

Мои настройки VSCode: 

{
  "svelte.language-server.runtime": "......",
  "scss.lint.important": "warning",
  "editor.formatOnPaste": true,
  "css.completion.triggerPropertyValueCompletion": false,
  "css.completion.completePropertyWithSemicolon": false,
  "css.lint.argumentsInColorFunction": "ignore",
  "css.lint.hexColorLength": "ignore",
  "css.lint.duplicateProperties": "warning",
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "workbench.colorTheme": "Material Theme Darker",
  "css.validate": false,
  "editor.codeActionsOnSave": {},
  "git.enableSmartCommit": true,
  "css.fileExtensions": [
    "css",
    "scss"
  ],
  "beautify.options": {

  },
}

1 Ответ

1 голос
/ 07 мая 2020

Из-за ошибки кажется, что предварительная обработка вашего файла svelte не удалась. Вам нужно svelte.config.js на root вашего проекта. Плагин использует это для предварительной обработки файлов.

Если вы используете этот плагин препроцессора для svelte https://github.com/kaisermann/svelte-preprocess, настроить его так же просто, как это:

svelte.config . js: 

const sveltePreprocess = require("svelte-preprocess");

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