SASS中的未定義變量，儘管變量定義如上

Question

我在我的Mac上通過Ruby安裝了SASS，並且目前正在監聽文件styles.sass中的更改並將這些更改預編譯爲文件styles.css。整個代碼都是預編譯錯誤，直到我將我用於我網站大部分背景的顏色 - ＃194719 - 替換爲變量$ pageGreen。我在上海社會科學院文件的頂部定義$ pageGreen -

/* VARIABLES */ 

     $pageGreen: #194719 

- 再換成我曾經與可變顏色的所有實例。這裏是我使用這個變量（第39到45行）的例子：

.strip 
     height: 180px 
     box-shadow: inset 0px 0px 15px rgba(0,0,0,0.5) 
     background-color: $pageGreen 
     color: white 
     position: relative 
     min-width: 995px 

保存時，我得到一個錯誤。

>>> Change detected to: styles.sass 
      error styles.sass (Line 42: Undefined variable: "$pageGreen」.) 

我在做什麼錯？如果需要，我很高興發佈我的整個代碼。

Answer 1

它看起來像你在你的sass文件中使用indented syntax。它也看起來像你的變量聲明是相當縮進的。

我懷疑這個縮進使變量作用域，這意味着它不在範圍之外。

嘗試取消縮進變量聲明：

/* VARIABLES */ 
$pageGreen: #194719 /* <-- not indented at all */ 


.strip 
    height: 180px 
    box-shadow: inset 0px 0px 15px rgba(0,0,0,0.5) 
    background-color: $pageGreen 
    color: white 
    position: relative 
    min-width: 995px