如何开始使用Mac上的Compass/Sass - 无效的CSS错误?

mik*_*ikl 5 css macos sass compass-sass

我想在我的Mac上开始使用Compass/Sass.运行后sudo gem install compass,我已经设置了一个带有单个main.scss文件的项目,我用它compass watch来将文件自动编译为CSS.

main.scss 看起来像这样:

@import "compass/css3/border-radius"

div .blah .baz {
  @include border-radius(4px, 4px);
  font-weight: bold; 
}
Run Code Online (Sandbox Code Playgroud)

好像没什么复杂的吧?好吧,每次我保存文件时,都会收到如下错误:

>>> Change detected to: /Users/mikl/Sites/ddk7/profiles/blaahval/themes/kaskelot/./scss/main.scss
    error ./scss/main.scss (Line 3: Invalid CSS after ".../border-radius"": expected selector or at-rule, was "$blue: #3bbfce;")
overwrite ./css/main.css
Run Code Online (Sandbox Code Playgroud)

我的SCSS语法有问题,或者罗盘只有非常差的错误消息?

the*_*nna 15

正如@jnpcl所说,分号会很好.但是,如果这是问题,它应该抛出与此直接相关的错误.

这似乎是一个延伸,但你复制并粘贴那条线?也许有个性奇怪的事情发生了?

  • 事实证明,它实际上是缺少分号,Sass只是有相当差的错误信息. (4认同)