为什么我在编译 Sass 文件时收到'预期表达式”错误？

Sass 文件未生成 CSS：“预期表达式”错误

将 Sass 文件编译为 CSS 时，可能会遇到“预期表达式” “ 错误。这种情况通常发生在 Sass 语法不正确的情况下。

在这种情况下，错误消息表明在“80%”之后出现了问题。检查提供的 Sass 文件后，我们注意到文件扩展名是 .sass，它适用于_旧的 Sass 语法_。但是，使用的 Sass 版本 (3.1.10) 适用于_新的 SCSS 语法_。

错误原因：

.sass 文件扩展名用于原始的Sass语言，其语法规则与SCSS（Sassy CSS）不同。在 SCSS 中，声明后不需要分号，而在原始 Sass 语法中需要分号。

解决方案：

要解决此问题，请将文件重命名为.scss 扩展名。这将向 Sass 编译器指示该文件使用 SCSS 语法，从而使其能够正确编译。

更新的 .scss 文件：

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

以上是为什么我在编译 Sass 文件时收到'预期表达式”错误？的详细内容。更多信息请关注PHP中文网其他相关文章！