SASS不一致Indendation错误

Question

当我从终端编译我SASS文件，我得到这个错误 -

错误代码（37号线：不一致的缩进：2位被用于缩进，但文档的其余部分）使用8个空格缩进。）

奇怪的部分是，我的文件的第37行没有不一致的缩进！事实上，即使当我将该行注释掉或删除第20行的所有行时，它仍会引发该错误！ 这是为什么发生？！

有问题的行是粘贴在下面的代码中的第5行。 （身高：118px）

#outeredges{ 
    width: 100%; 

    .outerleftskewed, .outerrightskewed{ 
     height: 118px; 
     background-color: $title_bg_col; 
     width: 50px; 
     -webkit-transform: skew(0,20deg); 
     position: absolute; 
     top: 125px; 
     left: 0px; 
     z-index: -999; 
    } 

    .outerleftskewed2, .outerrightskewed2{ 
     @extend .outerrightskewed; 
     top: 767px; 
    } 

    .outerleftskewed3, .outerrightskewed3{ 
     @extend .outerrightskewed; 
     top: 1529px; 
    } 
} 

我只是在在线的SASS编译器中试过这段代码，它在那里工作得非常好。我无法弄清楚为什么它在我的机器上行为不当。

Answer 1

您正在使用SCSS语法，而不是SASS语法。您必须使用正确的文件扩展名（.scss vs .sass）作为您正在编写的Sass样式，以便编译器知道如何解释它。