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

Posted 2023-03-06

【中文标题】Sass 无效的 CSS 错误：“预期的表达式”

【英文标题】：Sass Invalid CSS Error: "expected expression"

【发布时间】：2011-12-06 10:44:28

【问题描述】：

我刚刚关注了Sass tutorial。出于某种原因，尽管 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;

【问题讨论】：

啊哈！问题是由于使用了错误的文件扩展名引起的！它是 .scss 而不是 .sass

【参考方案1】：

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

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

【参考方案2】：

尝试任一：

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

或者：

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

注意文件扩展名和语法的区别。