Rails 上的 SASS 无效 CSS 错误答案

【问题标题】：SASS Invalid CSS error on RailsRails 上的 SASS 无效 CSS 错误
【发布时间】：2014-02-04 02:24:02
【问题描述】：

我正在尝试在我的 rails 应用程序中使用 http://startbootstrap.com/stylish-portfolio，但是在我的 fashion-portfolio.css.scss.erb 文件中出现以下错误：

ActionView::Template::Error (Invalid CSS after "body ": expected selector or at-rule, was "{"

这是我的 css 文件：

@import 'bootstrap'

/* Global Styles */

html,
body {
  height: 100%;
  width: 100%;
}

.vert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.vert-text h1 {
  padding: 0;
  margin: 0;
  font-size: 4.5em;
  font-weight: 700;
}

...

【问题讨论】：

很确定这不是产生错误的文件...
这看起来像 FontAwesome 的 CSS 文件。您能否检查stylish-portfolio.css.scss.erb 的实际内容并编辑帖子？
未来读者请注意：CSS 现在是正确的，忽略上述两个 cmets。 :)

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

【解决方案1】：

我的猜测是您在 stylish-portfolio.css.scss.erb 文件中缺少分号，可能是在 SCSS 变量定义之后？

Here's the original CSS file 我假设您是基于此，也许您想在它和您的之间做一个diff 以确定发生了什么变化。

编辑： 是的，显然第一行之后缺少一个分号。 @import 声明

@import 'bootstrap'

应该是

@import 'bootstrap';

因为您使用的是.scss 扩展。如果您使用的是.sass 扩展名，则可以省略分号。

【讨论】：

愚蠢的错误，在这里发布了错误的文件。实际上，我的 style-portfolio.css.scss 文件中缺少一个分号。无论如何，我会编辑问题，谢谢！
在另一个通知中，如果您能帮我解决我遇到的另一个错误，我将非常感激 (stackoverflow.com/questions/21142113/…)。我已经在谷歌上搜索了很长时间，但仍然找不到解决方案。
要明确：问题在于 @import 'bootstrap' 行的末尾需要有一个分号。关于“这不是产生错误的文件”的问题的评论似乎与提问者发布的一些先前的 sn-p 有关，但这让我在这个答案中误解了“之后”的意思是“文件中的某个较低的位置”。这里的文档github.com/twbs/bootstrap-sass#sass
感谢弗里茨，我试图编辑答案以澄清这一点。
原始 CSS 文件的链接已失效。