sass - 将 svelte 与 sass 一起使用时，缩进语法中允许出现 "Error: Semicolons aren' t

Question

尝试阅读文档并纠正一些与 sass 相关的问题。向组件添加了“lang=scss”，但不确定如何解决此问题。任何指导都会有所帮助。

rollup v2.19.0
bundles src/main.js → public\build\bundle.js...
[!] (plugin svelte) Error: semicolons aren't allowed in the indented syntax.  ╷
2 │ $primary: hsl(180, 29%, 50%);
  │                             ^
  ╵
  stdin 2:29  root stylesheet

更改代码以反射(reflect) lang="sass"时，我得到相同的结果:

bundles src/main.js → public\build\bundle.js...
[!] (plugin svelte) Error: semicolons aren't allowed in the indented syntax.
  ╷
2 │ $primary: hsl(180, 29%, 50%);
  │                             ^
  ╵
  stdin 2:29  root stylesheet
src\App.svelte
Error: semicolons aren't allowed in the indented syntax.
  ╷
2 │ $primary: hsl(180, 29%, 50%);
  │                             ^
  ╵
  stdin 2:29  root stylesheet

Answer 1

偶然看到一篇文章:
https://daveceddia.com/svelte-with-sass-in-vscode/
本文展示了带有 的组件样式标签类型 而不是 朗 .
通过将 lang="scss"更改为 type="text/scss"问题得到解决。