为啥以下 sass 代码给我一个错误？

Posted 2023-03-05

【中文标题】为啥以下 sass 代码给我一个错误？

【英文标题】：Why is the following sass code giving me an error?为什么以下 sass 代码给我一个错误？

【发布时间】：2017-05-28 02:39:43

【问题描述】：

(.sass)

div
    background-color: cyan

构建错误：在 dart_gol|lib/forms_menu.sass 上转换 Sass 抛出 错误：“...und-color：#333”后的 CSS 无效：预期的“”，是“” 在标准输入的第 6 行

我已经安装了 Sass：sass --version “Sass 3.4.22（选择性史蒂夫）”

我刚开始使用 pub 使用 Sass 转换器。我得到了那个错误；然后回到--watch .（通过终端使用Sass）看看它是否发生在那里。两次的错误都是一样的。

我正在使用 .sass 扩展名，这给我带来了问题。我使用Sass Basics 作为指导。

我在使用 .scss 时没有遇到任何问题，带有括号格式。我不确定为什么 .sass 有问题。

【问题讨论】：

我在 Sass Basics 指南中注意到，它给出了使用 .scss 的示例，如果没有括号和分号，它将无法工作。一旦我将扩展名更改为 .sass，它就可以正常工作了。

【参考方案1】：

问题似乎出在dart_sass_transformer 中。它没有正确地将 sass 编译成 css。

关闭变压器（将其从 pubspec 中删除）并通过终端运行 sass 工作正常。

有问题的代码很好。

【参考方案2】：

它告诉你它正在等待 你需要的是：

div 
  background-color: cyan

【讨论】：

这就是我的问题所在，我使用的是 .sass，而不是 .scss。 .sass 不使用括号。

那你没有正确配置编译sass而不是scss。

我必须这样做吗？我以为它只是读取文件扩展名并做相应的事情。

是的，您需要像 Prepos、grunt 或现有的众多编译器中的一种。或者使用 ruby​​ sass 来查看文件。 SASS 不需要括号，但编译后的 CSS 需要