我得到了一个;错误:分号不是';缩进语法中不允许使用“t”;将苗条与sass搭配使用时

我得到了一个;错误:分号不是';缩进语法中不允许使用“t”;将苗条与sass搭配使用时,sass,svelte,Sass,Svelte,尝试阅读文档并更正与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%); │

尝试阅读文档并更正与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

碰巧看到一篇文章:

本文用type而不是lang显示组件样式标记


通过将lang=“scss”更改为type=“text/scss”,问题得到了解决。

scss和sass使用了略微不同的语法(其中之一是使用分号),将您的类型更改为
lang=“sass”
,应该可以工作