SASS不一致的缩进错误

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样式，以便编译器知道如何解释它。