SassError: Invalid CSS after "}" 的真凶是 } 后紧跟逗号、换行或空格，导致解析器误判语法结构；需全局搜索 } 并检查其后字符，尤其嵌套块结尾、Vue 单文件组件 style 区域及 AI 生成代码中的冗余符号。
编译直接失败，CSS文件压根没生成，或者生成了但浏览器里样式全丢——这不是样式写错了，是Sass根本没编译过去。
报错 SassError: Invalid CSS after "}" 怎么快速定位真凶
这个错误不是说你漏写了 }，而是 Sass 解析器在某个 } 后面“看懵了”，以为该写新选择器，结果撞上逗号、换行或空格。它提示的行号常常不准，别盯着那行改。
- 打开出问题的 SCSS 文件，全局搜索
}，挨个检查每个}后面是不是紧跟着,（尤其嵌套块结尾、Vue 单文件组件<style lang="scss">末尾） - 用编辑器开启“显示空白字符”（VS Code 快捷键
Ctrl+Shift+P→Toggle Render Whitespace），确认有没有隐藏的空格或 Tab 混用 - 重点排查 AI 生成或复制粘贴来的代码——常见于
.btn { &--large { } },这种多出来的逗号，或& :hover中间多了一个空格
node-sass 升级 Node 后报 Node Sass could not find a binding
这不是 Sass 语法问题，是二进制绑定失效。Node 版本一变，node-sass 就找不到对应平台的预编译模块，编译流程直接中断，自然没 CSS 输出。
- 先运行
npm rebuild node-sass --force，强制重建 binding - 如果报
gyp ERR!，Windows 用户需管理员权限运行npm install --global --production windows-build-tools - 若提示 OpenSSL 错误（Node v17+ 常见），临时加环境变量：
NODE_OPTIONS=--openssl-legacy-provider npm rebuild node-sass - 更彻底的解法：卸载
node-sass和旧版sass-loader，装sass（Dart Sass）和sass-loader@^13，并在 webpack 配置中显式指定implementation: require('sass')
中文路径或文件编码导致编译静默失败
SCSS 文件里有中文注释或变量值，但 Ruby 环境（如 Koala、旧版 HBuilder 内置 Sass）默认用 GBK 读文件，UTF-8 文件一读就崩，连报错都来不及打，CSS 就空了。
立即学习“前端免费学习笔记（深入）”；
- 项目路径不能含中文，比如
D:\我的项目\改成D:\my-project\先验证 - SCSS 文件必须存为
UTF-8 without BOM（VS Code / WebStorm 默认就是；记事本默认带 BOM，千万别用） -
@charset "UTF-8";必须是文件第一行、第一个字符，前面不能有任何空格、空行或 BOM - 如果你用的是 Ruby 版 Sass（非 Dart Sass），还得手动改
engine.rb：在require语句之后、module Sass之前加一行Encoding.default_external = Encoding.find('utf-8')
真正卡住人的往往不是语法本身，而是错误被层层掩盖：Ruby 读文件失败不报详细错、Dart Sass 报错行号偏移、工具链升级后容错变严——得一层层剥开，才能让 CSS 正常落地。
