在application.css.scss中@import“bootstrap”之后的Sass :: SyntaxError [关闭]

Posted 2023-03-06

【中文标题】在application.css.scss中@import“bootstrap”之后的Sass :: SyntaxError [关闭]

【英文标题】：Sass::SyntaxError after @import "bootstrap" in application.css.scss [closed]

【发布时间】：2014-03-21 12:38:55

【问题描述】：

我的 rails（使用 bootstrap-sass gem）application.css.scss 看起来像这样：

/*
 * ...boilerplate application.css.scss comments
 *= require_tree .                                                              
 *= require_self                                                                
 */                                                                             
@import 'bootstrap'

.container-fixed                                                               
  margin: 0 auto;                                                               
  max-width: 970px;                                                             
           

查看任何页面都会给我一个像 Invalid CSS after "...ort 'bootstrap'": expected selector or at-rule, was ".container-fixed " 这样的 Sass:SyntaxError。我认为.container-fixed sn-p 没有问题。 Elsewhere 我看到这个错误可能是由在 Sass 抱怨的行之前导入的文件引起的。但是，这个项目中没有其他 CSS（除了 bootstrap 本身）。我做错了什么？

【问题讨论】：

导入后缺少分号。

另外，如果您还没有，请将您的 application.css 重命名为 application.css.scss。

你的意思是导入行应该是@import 'bootstrap'; ?

@Vageesh 我的错字，它被命名为 application.css.scss

噢！文档很清楚。我的错误

【参考方案1】：

根据 Cimmanon 的评论，该问题已通过在 @import 行的末尾添加一个分号来解决，如 bootstrap-sass docs 所示。