Jekyll 转换器错误

Question

首先，我是 Sass 和 Jekyll 的新手，我有点迷茫。

我正在尝试构建 jekyll，但它给了我这个错误：

Conversion error: Jekyll::Converters::Scss encountered an error while converting 'css/main.scss':
                    Undefined variable: "$main-color". on line 15
jekyll 2.5.3 | Error:  Undefined variable: "$main-color". on line 15

正如您在我的 Github Repo 和下面的屏幕截图中看到的那样，$main-color 变量在 _sass/utils/_variables.scss 中定义，而 css/main.scss 是我的位置导入所有 .scss 个文件。

https://github.com/IgnaciodeNuevo/ignaciodenuevo.github.io/blob/master/Jekyll-converters-error.jpg

Answer 1

css/main.scss

这个文件没有前面的内容，所以它没有被 jekyll 转换。

---
---
/* sass/

生成后，我们在 base/base 中有一个错误行 22，这是因为变量是在使用它们的代码之后导入的。

将 @import "utils/variables"; 放在顶部。

然后我们会遇到没有现有文件的错误。在这里我把它们注释掉了。

@import "utils/variables";
@import "utils/mixins";
// @import "utils/functions";
// @import "utils/placeholders";

@import "base/base";
// @import "base/reset";
@import "base/typography";
//@import "base/links";

//@import "components/buttons";

// @import "layout/navigation";
@import "layout/header";
@import "layout/footer";
// @import "layout/sidebar";

@import "pages/home";

_sass/utils/_variables.scss

第 15 行：$border: 3px solid $main-color; 但 $main-color 仅在第 57 行声明。您必须在使用变量之前声明它。在 15 之前的一行上移动 $main-color 解决了这个错误。

然后 $text-font-stack 和 $code-font-stack 出现错误。在 $code-font 声明后添加声明。

$code-font:
        "Source Code Pro",
        "Menlo",
        "Monaco",
        "Consolas",
        "Courier New",
        Courier,
        monospace;

$text-font-stack: $sans-font;
$code-font-stack: $code-font;

这解决了当前存储库代码中的所有错误。

Jekyll 转换器错误

Jekyll converters error

compiler-errors

jekyll

css/main.scss

_sass/utils/_variables.scss