2016-07-04 198 views
0

我有没有编译的Sass有效。它给了我以下错误。Gulp没有编译有效的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. 

下面是要试图遵循的萨斯:

.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

咕嘟咕嘟版本v3.9.1

重新安装每次的次数和相同的结果。

+0

你的SASS文件肯定有语法错误。我多年来学到的东西是,编译器是这样或那样的总是正确的。 –

+0

同事们没有遇到任何问题。我100%肯定这是与我的设置,而不是SASS。 – Josh

+0

你想用'.home&'完成什么?尝试使用'&.home' – Yani

回答

0

您的语法似乎无效,不知道为什么它在您的同事电脑上工作,或许他们的设置是错误的。

尝试以下操作:

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

希望这有助于!