VS Code中Live Sass Compiler编译Sass报Invalid CSS错误如何修复

你的报错是由于Sass语法与文件后缀不匹配导致的，可通过以下两种方法解决：

• 你当前编写的代码是符合SCSS语法规范的（支持大括号{}、分号;），但你使用了.sass作为文件后缀，该后缀对应的是缩进式Sass语法，原生不支持大括号和分号，因此编译器解析失败。

方案1：修改文件后缀（更推荐） #

直接将你的index.sass文件重命名为index.scss即可，现有代码无需任何修改，Live Sass Compiler会自动匹配SCSS语法完成编译。

方案2：适配.sass缩进语法 #

如果要继续使用.sass后缀，需要将代码调整为无大括号、无分号的缩进格式：

body
    background-color: #272727
    color: white

修改完成后重新保存文件即可触发正常编译。如果修改后仍有异常，可以重启VS Code或者重新加载Live Sass Compiler扩展即可恢复。

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