使用 lumx 时出现无效的 css 错误答案

【问题标题】：Invalid css error when using lumx使用 lumx 时出现无效的 css 错误
【发布时间】：2015-01-13 15:17:08
【问题描述】：

我已将 lumx 添加到我使用 angular-material 的现有项目中。我已经习惯于安装 lumx 引用 link 。但是在添加之后我收到以下错误。

"Syntax error: Invalid CSS after \" eot\": expected \")\", was \": \"#{$file-pa...\"\A on line 22 of /var/www/Browndesk/app/bower_components/bourbon/app/assets/stylesheets/helpers/_font-source-declaration.scss\A from line 13 of /var/www/Browndesk/app/bower_components/bourbon/app/assets/stylesheets/_bourbon.scss\A from line 7 of /var/www/Browndesk/app/styles/main.scss"

请帮忙。

【问题讨论】：

标签： angularjs angular-material lumx

【解决方案1】：

您的问题在于 Bourbon，而不是 Lumx。

错误来源：app/bower_components/bourbon/app/assets/stylesheets/_bourbon.scss

奇怪的是，bourbon 正在尝试解析一些它认为无效的 SCSS。

【讨论】：

如果可能的话，失去对波旁威士忌的依赖。

【解决方案2】：

问题在于您的 sass 编译器。通过指南针进行 sass 编译时，我遇到了同样的问题。我改用没有指南针的 sass 编译器，这为我解决了。

【讨论】：

你能帮我吗？我在哪里可以找到没有罗盘的 sass 编译器
您可以通过命令行安装它，类似于您可能安装指南针的方式。转到 sass 文档以获取最新的安装说明SASS install

【解决方案3】：

我有同样的问题。我通过更新我的 sass 编译器解决了这个问题。检查你的 sass 版本并运行：

gem install sass

【讨论】：

您使用的是哪个版本？我在使用最新的 lumx、sass 和 bourbon 时遇到了这个错误。