Sass 如何在use svelte 3中使用scss

我正在尝试在svelte 3中使用SCS，我已经完成了本文中的步骤：

但我一直收到一个语法错误

“冒号应为Svelte（css语法错误）”

在这样的代码中：

<style type="text/scss">
  #container {
   display: flex;

     /*error in the div below*/
     div {
     background: red;
    }
  }

#容器{
显示器：flex；
/*下面的div中有错误*/
div{
背景：红色；
}
}

---

我也有更漂亮的设置，但我不认为这与添加对SCS的支持有关，您需要添加一个预处理器，如

在rollup.config.js中：

import sveltePreprocess from 'svelte-preprocess';

然后在

plugins: [
    svelte({
        ...,
        preprocess: sveltePreprocess()
    }),

然后重新启动服务器

要在vscode中启用scss支持，请创建一个svelte.config.js文件：

const sveltePreprocess = require('svelte-preprocess')

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

---

并且重新启动vscode

节点sass现在已被弃用，因此上面的内容仍然适用，但可以直接使用

---

npm安装svelte预处理sass——改为保存dev

）

您是否正确安装了文章链接中提到的所有依赖项？是的。我甚至再次下载了基本项目，它不断地给我相同的错误

const sveltePreprocess = require('svelte-preprocess')

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