Question

我有没有编译的有效Sass。它给了我以下错误。

Error in plugin 'sass'
Message:
source\assets\sass\components\_college-footer.scss
Error: Invalid CSS after ".home": expected "{", was "&"
"&" may only be used at the beginning of a compound selector.

以下是试图遵守的Sass：

.footer-wrapper{
        margin:0;
        border:0;
        border-top: 1px solid $light-gray;

        .home& {
            border-top:0;
        }

当我解决问题时，另一个问题就出现了。我认为Sass Gulp版本一定存在问题。

节点版本v4.4.7

NPM版本v3.10.3

Gulp版本v3.9.1

每次重新安装多次并获得相同的结果。

Answer 1

您的语法似乎无效，不确定为什么它会影响您的同事＆＃39;计算机，也许他们的设置是错误的。

尝试以下方法：

.footer-wrapper {
        margin:0;
        border:0;
        border-top: 1px solid $light-gray;
        &.home {
            border-top:0;
        }
}

希望这有帮助！

Gulp没有编译有效的Sass

1 个答案: