debugging - SASS不一致的缩进错误

Question

当我从终端编译sass文件时，出现此错误-

error code (Line 37: Inconsistent indentation: 2 spaces were used for indentation, but the rest of the document was indented using 8 spaces.)

奇怪的是，我文件的第37行没有不一致的缩进!实际上，即使我注释掉该行或删除所有行直到第20行，它仍然会抛出该错误!
为什么会这样？

有问题的行是下面粘贴的代码中的第5行。 (高度:118像素)

#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语法。您必须按照所写Sass的样式使用正确的文件扩展名(.scss与.sass)，以便编译器知道如何解释它。