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

Andrew 发表于 Dev

安德鲁

我已经在Mac上通过Ruby安装了SASS，并且目前正在侦听styles.sass文件中的更改并将这些更改预编译为styles.css中。整个代码都进行了预编译，没有错误，直到我用变量$ pageGreen替换了我很多站点背景使用的颜色—＃194719。我在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”.)

我究竟做错了什么？如有必要，我很乐意发布我的整个代码。

乌里·阿加西（Uri Agassi）

看起来您在sass文件中使用了缩进语法。看起来您的变量声明也很缩进。

我怀疑这种缩进会使变量成为作用域，这意味着它在作用域之外不可用。

尝试取消缩进变量声明：

/* 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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。