Question

与中间人合作并使用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;
...

Answer 1

我认为我和你一样有同样的问题。

如果您使用的是最新版本的苦味，他们看起来已经摆脱了变量$helvetica。

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

您可能希望将gemfile中的苦味设置为早期版本（我认为1.2的工作原理不是1.3）并在源/样式表bitters remove然后bitters install再次运行这些命令让它工作。

Answer 2

错误的一行是：

$helvetica: 'Oxygen', $helvetica;

为什么呢？因为您使用$helvetica设置了$helvetica。

我认为你会做的就像是

$lato: 'Lato', sans-serif;

例如，如果您使用的是谷歌字体。我希望它有用。

Sass - 未定义的错误$ helvetica

2 个答案: