Question

我在Mac上通过Ruby安装了SASS，并且目前正在监听文件 styles.sass 中的更改，并将这些更改预编译到文件 styles.css 中。整个代码都是预编译的，没有错误，直到我用我的网站的大部分背景 - ＃194719 - 用变量$ pageGreen替换了我使用的颜色。我在我的SASS文件顶部定义$ 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

SASS中的未定义变量，即使变量已在上面定义

1 个答案: