Обнаружение синтаксической ошибки в css файле и ruby ​​на рельсах. неверный CSS

Question

Я столкнулся с проблемой при попытке подтолкнуть мой код к героку. Я запустил:

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

Если проблема не в этом, прекомпиляция завершится неудачно из-за синтаксической ошибки. Сначала попробуйте любое вхождение 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

Возможно, вы получилидругие ошибки компиляции, если у вас есть много сторонних материалов повсюду, но вы должны где-то найти ошибку.