2016-07-04 136 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; 
     } 
} 

希望這有助於!