【问题标题】: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,它就可以正常工作了。

标签: 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 需要
    猜你喜欢
    • 2014-07-31
    • 2016-09-18
    • 1970-01-01
    • 2021-06-09
    • 1970-01-01
    • 2012-07-28
    • 1970-01-01
    • 2021-07-12
    • 2014-01-09
    相关资源
    最近更新 更多