Sass无效的CSS错误:“预期的表达式”


78

我一直在关注 Sass教程。由于某些原因,尽管Sass文件无法正确生成css。终端说css是无效的,但我很确定不是。我也尝试过更改它,以防万一出现问题...

我做错了什么?

Sass版本:Sass 3.1.10

错误信息:

error sass/test.sass (Line 3: Invalid CSS after "80%": 
expected expression (e.g. 1px, bold), was ";")

.sass文件内容:

/* style.scss */
#navbar {
  width: 80%;
  height: 23px;
}

9
啊哈!该问题是由使用错误的文件扩展名引起的!这.scss.sass
汤姆- [R

Answers:


150

根据您的错误消息(error sass/test.sass),我可以告诉您正在使用.sass扩展名的Scss文件。将文件名更改为style.scss

Sass和Scss使用两种不同且不兼容的语法。


10

尝试两种

/* style.scss */
#navbar {
  width: 80%;
  height: 23px;
}

要么:

/* style.sass */
#navbar 
  width: 80%
  height: 23px

注意文件扩展名和语法的不同。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.