【发布时间】:2014-03-31 01:41:33
【问题描述】:
我正在尝试在应用程序中使用来自http://startbootstrap.com/sb-admin-v2 的引导皮肤,以及导航菜单。
当我将 css 和 js 复制到 rails 项目并运行服务器时,我收到一条错误消息“未定义变量:”$fa-css-prefix” - 该变量在文件 _variables.scss 中定义,一个app/assets/stylesheets 下的子文件夹中的几个样式表
导致错误的代码位于同一子文件夹(称为 app/assets/stylesheets/font-awesome/scss)的另一个样式表中。
在那个文件夹中有这些文件:
_bordered-pulled.scss
_core.scss
_fixed-width.scss
_icons.scss
_larger.scss
_list.scss
_mixins.scss
_path.scss
_rotated-flipped.scss
_spinning.scss
_stacked.scss
_variables.scss
font-awesome.scss
错误是
Undefined variable: "$fa-css-prefix".
(in /Users/Nick/rails_projects/propcrm/app/assets/stylesheets/font-awesome/scss/_bordered-pulled.scss:4)
font-awesome.scss 包含:
@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger";
@import "fixed-width";
@import "list";
@import "bordered-pulled";
@import "spinning";
@import "rotated-flipped";
@import "stacked";
@import "icons";
所以我不确定为什么,将变量设置为第一个导入其他变量没有变量引用。
我尝试阅读有关资产管道的帮助文档,但它对我来说是希腊语。皮肤的下载在本地运行良好,所以我猜 Rails 以不同的顺序加载 css 文件(?)。关于如何解决这个问题的任何提示都会很棒。我已经研究了几个小时,这超出了我的理解范围。
【问题讨论】:
-
我之前通过刷新整个缓存(Chrome 上的 Ctrl+Shift+R)解决了其中一个问题,可能会有所帮助。
标签: ruby-on-rails sass twitter-bootstrap-3