1

与中间人合作并使用 Bourbon、Neat 和 Bitters。启动服务器后,我收到以下错误消息 -

Error compiling CSS asset
Sass::SyntaxError: Undefined variable: "$helvetica"
in (source/stylesheets/base.css.scss: 1)

source/stylesheets/base/_variables.css.scss:1

我查看了未解决的问题和其他思想机器人论坛,并尝试了那里提到的所有解决步骤,但没有任何成功

base.css.scss的如下 -

@charset "utf-8";

@import "bourbon";
@import "base/base";
@import "neat";

@import "partials/layout";
@import "partials/nav";
@import "partials/footer";

@import "highlight";

_base.css.scss-

@import "variables";
@import "grid-settings";
@import "buttons";
@import "forms";
@import "lists";
@import "tables";
@import "typography";

_variables.css.scss

$helvetica: 'Oxygen', $helvetica;

// Typography
$base-font-family: $helvetica;
$heading-font-family: $base-font-family;

// Font Sizes
$base-font-size: 1em;

// Line height
$base-line-height: 1.5;
$heading-line-height: 1.2;
...
4

2 回答 2

2

我想我和你有同样的问题。

$helvetica如果您使用的是最新版本的苦味剂,他们似乎摆脱了这个变量。

https://github.com/thoughtbot/bitters/releases/tag/v1.3.0

您可能希望在gemfile较早的版本中设置苦涩(我认为 1.2 不适用 1.3)并在源代码/样式表中运行这些命令,bitters remove然后bitters install再次使其工作。

于 2016-07-17T02:41:04.680 回答
0

错误的行是:

$helvetica: 'Oxygen', $helvetica;

为什么?因为您正在$helvetica设置$helvetica.

我想你会做的是

$lato: 'Lato', sans-serif;

例如,如果您使用的是 google 字体。我希望它是有用的。

于 2016-06-07T17:57:50.090 回答