SASS代码编译报错：预期换行符，代码看似正确却无法运行

错误原因 #

你的文件后缀是.sass，但编写的是SCSS语法（使用大括号{}和分号;），而原生SASS语法是基于缩进的，不需要大括号和分号。编译器按照SASS语法规则解析时，会把大括号识别为非法字符，从而抛出"Expected newline"错误。

两种解决办法 #

方法一：修改文件后缀为.scss #

直接将index.sass重命名为index.scss，你的现有代码完全符合SCSS语法规范，修改后缀后即可正常编译。

方法二：改用原生SASS缩进语法 #

如果要保留.sass后缀，需将代码调整为无大括号、无分号的缩进格式，示例代码如下：

.title
    display: flex
    justify-content: center
    background-color: black
    color: white
    margin: 0 0 0 0

.main
    display: flex
    justify-content: space-evenly
    .text
        overflow-wrap: normal
    overflow-wrap: normal

补充说明 #

你提到旧代码写法相似却未报错，大概率是旧文件使用的是.scss后缀，或者旧代码本身符合原生SASS的缩进语法规则。

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