在Jekyll中使用多个SCSS文件时遇转换错误求助

可能的原因及修复步骤 #

1. 检查assets/css/post.scss的文件结构 #

确保该文件的YAML前置内容和导入语句完全正确，格式必须如下：

---
---
@import "post";

• 必须保留开头的两行---，这是Jekyll识别SCSS入口文件的标识，缺少或格式错误会导致Jekyll直接解析整个文件为SCSS代码，引发语法错误。
• 确认@import的文件名与_sass/post.scss完全一致（注意大小写，部分系统区分大小写）。

2. 排查_sass/post.scss的语法错误 #

错误提示expected "{"说明该文件存在SCSS语法问题：

• 检查所有CSS选择器是否都用大括号{}包裹，避免使用Sass的缩进语法（除非你明确配置使用Sass而非SCSS）：
  错误示例：

  .post-content
    line-height: 1.6;
  

  正确写法：

  .post-content {
    line-height: 1.6;
  }
  

• 检查是否有遗漏的大括号、分号，或者无效的嵌套规则，比如未闭合的媒体查询、嵌套选择器。

3. 验证Jekyll的SCSS加载路径配置 #

打开_config.yml，确认Sass配置包含_sass目录：

sass:
  load_paths:
    - _sass
    - _sass/apps

这能确保Jekyll可以正确找到_sass及其子目录下的SCSS文件，避免因路径问题导致的导入错误。

内容的提问来源于stack exchange，提问作者Tim