“bootstrap-theme.css.map * /”之后的无效CSS:期望的选择器或at-rule,是“......”

时间:2014-03-05 16:26:30

标签: css ruby-on-rails ruby-on-rails-4 cucumber less

在我的Ruby on Rails项目中,我遇到了一些奇怪的问题。由于某些原因,我不得不从sass切换到less。在开发中,所有css工作都很好。我看到我的网站设计正确。但是,当我尝试做一些黄瓜测试时,我得到长迹线的错误,它从以下开始:

Invalid CSS after "bootstrap-theme.css.map */": expected selector or at-rule, was "{"version":3,"s..."

这不是我的文件,它来自 twitter bootstrap。

实际上,这是json文件。在它出现几个css文件之前,一切正常。

奇怪的是,在开发和视觉观点是好的,但在黄瓜测试中我得到这个错误。

1 个答案:

答案 0 :(得分:2)

似乎您的测试在CSS源图语法上失败了。从1.5版开始,支持v3源映射。

使用源映射编译Less代码时,CSS将以对sourcemap文件的引用结束,例如:

 /*# sourceMappingURL=bootstrap-theme.css.map */

请注意,上面是有效的CSS注释语法。

已创建bootstrap-theme.css.map文件。该文件确实包含JSON而不是CSS,如下所示:

{"version":3,"file":"bootstrap-theme.css","sources":["less/theme.less"

因此,您的测试不应将* .css.map文件验证为CSS。