使用指南针从bootswatch重新编译主题时出错

Question

我尝试使用指南针重现 bootswatch 的css文件，但收到错误。 我的指南针文件夹：

%

指南针使用上一个文件<project> |_ css | |_ styles.css | |_ .......... |_ fonts | |_ bootstrap |_ img |_ js |_ sass |_ bootstrap | |_ mixins | |_ _variables.scss | |_ ......... |_ themes |_ _cerulean-bootswatch.scss |_ _cerulean-variables.scss |_ _bootstrap.scss |_ _custom-variables.scss |_ styles.scss 来生成styles.scss。 我创建了一个文件夹styles.css并在其中复制了themes个文件：cerulean和_cerulean-bootswatch.scss。我使用了所有bootswatch主题所在的project文件。

现在，我按照项目页面的说明进行操作：

SASS：

_cerulean-variables.scss

我的结构将是：

1. 导入主题变量（@import "bootswatch/theme/variables"; @import "bootstrap-sass-official/assets/stylesheets/bootstrap"; @import "bootswatch/theme/bootswatch"; ）
2. 导入bootstrap partial（_cerulean-variables.scss）
3. 最后导入相关的bootswatch partial（_bootstrap.scss）

上述所有情况都发生在_cerulean-bootswatch.scss：

styles.scss

如果我取消评论// Import custom Bootstrap variables // Bootswatch theme variables //@import "themes/cerulean-variables" // Import Bootstrap for Sass @import "bootstrap"; // Bootswatch themes @import "themes/cerulean-bootswatch" ，我收到错误：

/@import "themes/cerulean-variables"

并且error sass/styles.scss (Line 29: Invalid CSS after "...tstrap for Sass": expected selector or at-rule, was "@import "bootst...") 包含错误：

styles.css

我错过了什么吗？

Answer 1

你错过了两个分号。应该是：

// Import custom Bootstrap variables
// Bootswatch theme variables
//@import "themes/cerulean-variables";

// Import Bootstrap for Sass
@import "bootstrap";

// Bootswatch themes
@import "themes/cerulean-bootswatch";

或者您可能需要：

// Import custom Bootstrap variables
// Bootswatch theme variables
//@import "themes/cerulean-variables"

// Import Bootstrap for Sass
@import "bootstrap"

// Bootswatch themes
@import "themes/cerulean-bootswatch"

如果Compass使用的语法不同于我习惯使用的vanilla SCSS，或者您将某些内容设置为非标准配置。无论哪种方式使用都应该是一致的。我建议可能是前者，因为当浏览器试图一起解析两条线而不是单独解析时，缺少分号会导致@import“bootstrap”出错。