Am getting an "Error: Semicolons aren't allowed in the indented syntax" when using svelte with sass

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

当更改代码以反映 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/

本文展示了带有 type 而不是 lang 的组件样式标签。

通过将 lang="scss" 更改为 type="text/scss" 问题已解决。