node-sass监听SCSS文件持续报错及相关工具故障求助

首先看你遇到的几个核心问题，我来一步步帮你排查解决：

1. 解决node-sass的"Invalid CSS"错误 #

从报错信息来看，node-sass解析你的style.scss第一行时，认为head是无效的CSS开头，但你说文件只有两行简单代码——这里大概率是两个问题导致的：

• SCSS文件内容/编码异常：你描述的代码写法不符合规范（正确写法应该是body { margin: 0; }），更关键的是报错里明确提到第一行是head，说明文件里可能存在你没注意到的隐藏字符、编码问题（比如UTF-8带BOM），或者实际保存的内容和你描述的不一致。
• 命令参数错误：你单独测试时用了node-sass -w sass/ -o css/output.css，但-o参数后面应该指定输出目录，不是文件！这个错误会让node-sass把整个sass目录强行编译成一个叫output.css的文件，直接引发解析异常。

修复步骤： #

• 彻底清空style.scss，用纯文本编辑器（比如VS Code、Notepad++）重新写入规范的SCSS代码：

  body {
    margin: 0;
  }
  

• 检查并修正文件编码：在Notepad++里选择「编码」→「转为UTF-8无BOM编码格式」，保存后再测试。
• 修正命令参数，确保-o后面是目录：
  单独测试时用正确命令：

  node-sass -w sass/ -o css
  

  同时把package.json里的watch:sass命令保持正确格式：

  "watch:sass": "node-sass --output-style expanded --source-map true -o css sass --watch"
  

2. 解决Koala的"invalid byte sequence in UTF-8"错误 #

这个错误同样指向SCSS文件的编码问题，Koala对UTF-8带BOM的文件兼容性很差。按照上面的步骤把SCSS文件转为UTF-8无BOM编码，再用Koala打开试试。如果还是不行，建议新建一个空白SCSS文件，手动输入代码，避免复制粘贴带来的隐藏字符。

3. 解决Git Bash冻结问题 #

按Ctrl+C后会话冻结，是因为npm-run-all启动了多个并行进程（sass监听、autoprefixer监听、browsersync），单次Ctrl+C可能无法终止所有进程。你可以：

• 连续按两次Ctrl+C强制终止所有关联进程；
• 如果还是冻结，直接关闭Git Bash窗口，打开任务管理器结束所有node.exe进程后再重新启动。

额外优化建议 #

• 你同时安装了node-sass和sass（Dart Sass），这两个工具功能重叠可能引发冲突，而且node-sass已经停止维护，推荐保留Dart Sass：

  npm uninstall node-sass
  

  然后把package.json里的node-sass命令替换成sass，比如：

  "watch:sass": "sass --style expanded --source-map -o css sass --watch"
  

• 检查watch:autoprefixer的配置，确保sass编译后确实生成了css/style.css，否则监听会无效。

内容的提问来源于stack exchange，提问作者Radosław Podgórski