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