检测 css 文件和 ruby​​ on rails 中的语法错误。无效的 CSS

Question

我在尝试将代码推送到 heroku 时遇到问题。我跑了：

RAILS_ENV=production bundle exec rake assets:precompile

得到了这个错误：

Sass::SyntaxError: Invalid CSS after "  color: #f19f4d;5": expected "{", was ";"
(sass):916

我知道我的 css 中某处存在语法错误，但我浏览了所有文件但找不到这一行。有人可以告诉我是否有办法找到这条线或它可能在哪里。非常感谢！

Answer 1

如果您使用 Bootstrap，它依赖于 jQuery，因此您需要确保将其包含在您的应用程序样式表中，例如在文件顶部的 app/assets/stylesheets 中以及在任何引导程序包含或导入您之前需要

//*= require jquery-ui

如果这不是问题，则由于某种语法错误，thaen 预编译失败。首先通过对代码进行全文搜索来尝试在代码中出现f19f4d。如果你有一个基于 *nix 的系统，你可以从终端尝试其中任何一个，

如果你使用 git 版本控制

git grep f19f4d

或者只是

grep f19f4d

如果这不是罪魁祸首，那么它一定是第三方依赖。您需要检查 CSS 中的所有内容。签入您的布局文件。你应该有类似的东西

<%= stylesheet_link_tag "application" %>

然后打开文件app/assets/stylesheets/application.scss 然后，您需要注释掉任何包含并一一添加，直到找到导致预编译失败的库。您需要对每个布局和/或样式表执行此操作，直到找到导致问题的原因。

在每个样式表的顶部，您应该有一个包含类似的列表

  @import 'bootstrap';

或者它们可能看起来更像这样：

//*= require jquery-ui

所以要评论它们不加载，你可以在测试时让它们像这样。

// @import 'bootstrap';

// require jquery-ui

如果你到处都有很多 3rd 方的东西，你可能会遇到其他编译错误，但你必须在某个地方找到错误。