ruby on rails教程4第7章sass报错[重复]答案

【问题标题】：Chapter 7 of ruby on rails tutorial 4 sass error [duplicate]ruby on rails教程4第7章sass报错[重复]
【发布时间】：2015-10-02 12:21:05
【问题描述】：

在阅读 ruby on rails 教程第 4 版的第 7 章时遇到问题。

报错信息如下：

Showing /home/ubuntu/workspace/app/views/layouts/application.html.erb where line #5 raised:

Undefined variable: "$state-danger-text".
Extracted source (around line #15):
13
14
15
16

    .form-control {
        color: $state-danger-text;
    }
}

Rails.root: /home/ubuntu/workspace

我的custom.css.scss如下：

/* forms */

#error_explanation {
    color: red;
    ul {
        color: red;
        margin: 0 0 30px 0;
    }
}

.field_with_errors {
    @extend .has-error;
    .form-control {
        color: $state-danger-text;
    }
}

到目前为止一切正常，我还尝试直接复制并粘贴上面的代码以测试拼写错误。 Bootstrap-sass 也被加载。不幸的是，这并没有解决问题。作为参考，我正在编写的章节可以在here 找到。谢谢。

【问题讨论】：

这个错误对我来说似乎很清楚：Undefined variable: "$state-danger-text"。如果你有一个未定义的变量，你认为你应该怎么做？
正确。抱歉，我应该包括我对问题所在的猜测。该变量未在说明中明确定义，因此我的猜测是被引用的变量与引导程序中定义的内容有关，并使用“@extend .has-error”解决。也就是说，除非我错过了 $state-danger-text 确实应该由我定义的指令。不幸的是，“$state-danger-text”的 ctrl+f 没有产生任何结果，并提出其他建议。再次感谢。

标签： ruby-on-rails twitter-bootstrap sass

【解决方案1】：

我发现了问题。简而言之，我没有包含@import 'bootstrap';。但是在本教程的上下文中，所有的 [s]css 都应该包含在 custom.css.scss 中，但我实际上已经在 application.scss 中输入了所有这些，并且刚刚开始输入我上面包含的部分在 custom.css.scss 中，从而忽略了 @import 'bootstrap'; 并且无法访问 $state-danger-text。

【讨论】：