rake assets: precompile> Sass :: SyntaxError: Неверный CSS после "padding": ожидаемый ";", был ": 20px;" - PullRequest
Новая
       29

rake assets: precompile> Sass :: SyntaxError: Неверный CSS после "padding": ожидаемый ";", был ": 20px;"

0 голосов
/ 27 ноября 2018

Я работал 

rake assets:precompile RAILS_ENV=staging

Затем я получаю этот стек ошибок: 

rake aborted!
Sass::SyntaxError: Invalid CSS after " padding": expected ";", was ":20px;"
(sass):5108
/home/ubuntu/auto_ful/path/ruby/2.3.0/gems/sass-3.5.6/lib/sass/scss/parser.rb:1278:in `expected'
/home/ubuntu/auto_ful/path/ruby/2.3.0/gems/sass-3.5.6/lib/sass/scss/parser.rb:1208:in `expected'
/home/ubuntu/auto_ful/path/ruby/2.3.0/gems/sass-3.5.6/lib/sass/scss/parser.rb:1203:in `tok!'
/home/ubuntu/auto_ful/path/ruby/2.3.0/gems/sass-3.5.6/lib/sass/scss/parser.rb:804:in `block in try_declaration'
/home/ubuntu/auto_ful/path/ruby/2.3.0/gems/sass-3.5.6/lib/sass/scss/parser.rb:1254:in `rethrow'
/home/ubuntu/auto_ful/path/ruby/2.3.0/gems/sass-3.5.6/lib/sass/scss/parser.rb:809:in `try_declaration'
/home/ubuntu/auto_ful/path/ruby/2.3.0/gems/sass-3.5.6/lib/sass/scss/parser.rb:732:in `declaration_or_ruleset'
/home/ubuntu/auto_ful/path/ruby/2.3.0/gems/sass-3.5.6/lib/sass/scss/parser.rb:697:in `block_child'

Но затем я попытался отследить, где именно ошибка: 

sass -c app/assets/stylesheets/**.css*

Я получаю следующее сообщение об ошибке: 

Error: Invalid CSS after "#f0f0f0": expected expression (e.g. 1px, bold), was ";"
        on line 18 of app/assets/stylesheets/ajax-bootstrap-select.css

Мой CSS в ajax-bootstrap-select.css: 

.bootstrap-select .status {
  background: #f0f0f0;
  clear: both;
  color: #999;
  font-size: 11px;
  font-style: italic;
  font-weight: 500;
  line-height: 1;
  margin-bottom: -5px;
  padding: 10px 20px;
}

Как это исправить?

Ответы [ 2 ]

0 голосов
/ 28 ноября 2018

Кажется, в Rails 5 эта ошибка происходит.Я только что запустил rake assets:precompile, и он успешно компилируется без ошибок.

0 голосов
/ 27 ноября 2018

Как показывает ошибка, она появляется сразу после вашего фона: # f0f0f0 line:

https://www.w3schools.com/css/css_background.asp

Если все, что вы пытаетесь сделать, это изменить цвет фона, попробуйте:

.bootstrap-select .status {
  background-color: #f0f0f0;
  clear: both;
  color: #999;
  font-size: 11px;
  font-style: italic;
  font-weight: 500;
  line-height: 1;
  margin-bottom: -5px;
  padding: 10px 20px;
}

Вы просто используете фон, который является кратким обозначением для одновременного ввода различных атрибутов фона:

Фон - Сокращенное свойство Чтобы сократить код, также можноукажите все свойства фона в одном свойстве.Это называется сокращенным свойством.

Сокращенным свойством для фона является background:

Пример body {background: #ffffff url ("img_tree.png") no-repeat right top;}

...