Visual studio code Visual Studio代码无法识别Svelte中的SCS

VSCode无法识别我在svelte文件中包含的SCS。它认为它们是css样式，它遇到的第一个嵌套css给了我错误。 我试图通过禁用设置中的css验证，但似乎没有任何效果：“css.validate”：false， 通过本地启动或编译用于生产的捆绑包（这不是我的代码的问题），svelte应用程序可以正常工作。 这只是VSCode如何控制我的风格的问题。对于这个问题，我的大多数苗条的组件似乎是错误的，即使它们不是真的。 要编译类似于scss的样式，请在标记中包含属性

type=“text/scss”

：

<style type="text/scss">

---

从错误中可以看出，苗条文件的预处理失败。在项目的根目录下需要一个

svelte.config.js

。插件使用它来预处理文件

如果您将此预处理器插件用于svelte，设置它非常简单：

svelte.config.js：

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

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

---

你使用哪种苗条的插件？“苗条”还是“苗条贝塔”？我建议使用后者，因为它将成为官方的苗条插件。另外，错误确切地说是什么（如果您将鼠标悬停在它上面；包括消息右侧的灰色错误源）？一般说明：不支持SASS，仅支持SCSS。谢谢您的评论。我用更多的信息编辑了我的问题。我使用James Birtles的0.9.3版本的插件（我在上面包括了一个屏幕截图）。这是正确的版本吗？我在所有具有SCSS样式的苗条组件中都有这些错误，但仅在第一个SCSS代码片段中有这些错误。错误代码对所有人都是一样的：css语法错误（就像VS代码不能像scss一样识别它）。我不是在说废话，谢谢你。向上一个！

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

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