“bootstrap-theme.css.map */”后的 CSS 无效：预期的选择器或 at-rule 为“...”答案

【问题标题】：Invalid CSS after "bootstrap-theme.css.map */": expected selector or at-rule, was "..."“bootstrap-theme.css.map */”后的 CSS 无效：预期的选择器或 at-rule 为“...”
【发布时间】：2014-03-05 16:26:30
【问题描述】：

在我的 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 文件之前，一切正常。

奇怪的是在开发中，视觉效果很好，但是在黄瓜测试中我得到了这个错误。

【问题讨论】：

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

【解决方案1】：

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

当您使用源映射编译您的 Less 代码时，您的 CSS 将以对源映射文件的引用结束，例如：

 /*# 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。

【讨论】：