指南针在“表达式”为“表达式”错误后给出无效的 CSS [重复]答案

【问题标题】：compass is giving Invalid CSS after "expression" was "expression" error [duplicate]指南针在“表达式”为“表达式”错误后给出无效的 CSS [重复]
【发布时间】：2018-03-21 17:29:45
【问题描述】：

我在一些 scss 文件中写了一些样式声明。并且在使用 compass 将它们编译成 css 时，会出现如下错误

错误 sass-test/sass/nr-metronic.scss（sass-test/sass/metronic/global/_colors.scss 的第 4 行：“白色”之后的无效 CSS：预期的“）”，是“：（基础:#ffffff...")

这是我的 _colors.scss 文件的内容：

//Component colors

$component-colors: (
	white:	(base:#ffffff, font: #666),
	default:	(base:#e1e5ec, font: #666),
	dark:	(base:#2f353b, font: #FFFFFF),
	blue:	(base:#3598dc, font: #FFFFFF),
	blue-madison:	(base:#578ebe, font: #FFFFFF),
	blue-chambray:	(base:#2C3E50, font: #FFFFFF),
	blue-ebonyclay:	(base:#22313F, font: #FFFFFF),
	blue-hoki:	(base:#67809F, font: #FFFFFF),
	blue-steel:	(base:#4B77BE, font: #FFFFFF),
	blue-soft:	(base:#4c87b9, font: #FFFFFF)
);

我正在像这样在一个单独的文件中导入“_colors.scss”

@import "colors";

我无法弄清楚出了什么问题。

【问题讨论】：

我刚刚检查了您的示例...正在正确编译。您使用的是哪个版本的 sass/compass？
感谢@avcajaraville 的关注。我正在使用 Compass 0.12.7 (Alnilam)。你的指南针版本是多少？我应该更新吗？
只需在此处引用属性名称（即“white”、“default”等）即可。 Metronic 仪表板代码恐怕有点过时了。

标签： css sass

【解决方案1】：

我在本地环境做了一些测试。

对于 0.12.7 版本，这不起作用。

请更新到最新版本Compass 1.0.3 (Polaris)；这会起作用。

另一个话题是如果你真的需要指南针。 Compass 通过 ruby 编译 sass，比现代 sass 编译器慢得多（比如 libe-sass，用 C 编写，而且速度要快得多）。

对于使用指南针助手，有很多新东西。

我会建议你看看 gulp 及其插件。

【讨论】：

我已经将我的指南针升级到 1.0.3，这个问题就消失了。但是有一个新问题。现在在编译以下类时出现错误。 [.datepaginator .fa-angle-right:before { content: "\f105"#{'/*rtl:"\f104"*/'}; } .datepaginator .fa-angle-left:before { content: "\f104"#{'/*rtl:"\f105"*/'}; } ] 在这种情况下你能帮帮我吗
对不起，我不知道错误是什么，或者您要存档什么。如果您需要额外帮助，请打开一个新问题。谢谢。
错误文本如下：error sass-test/sass/nr-metronic.scss (Line 21 of sass-test/sass/metronic/global/plugins/_bootstrap-datepaginator.scss: Invalid "...rtl:"\f104"*/'}" 之后的 CSS：预期的字符串，是 ";")