Sass::SyntaxError:在“*”之后的无效CSS :预期选择器，was "= require .“

Question

在执行资产时，我遇到以下错误:使用ruby 2.4.3和rails 5.1.4预编译

Sass::SyntaxError:在“*”之后的无效CSS :预期选择器，was "= require .“

RAILS_ENV=production rails assets:precompile

application.scss文件内容如下所示。

 *= require bootstrap-datepicker
 *= require datetimepicker
 *= require chosen
 *= require reports_kit/application
 *= require_tree
 *= require_self
 */

 @import "patternfly-sprockets";
 @import "patternfly";
 @import 'timepiece';

终端上的误差信息

$ RAILS_ENV=production rails assets:precompile --trace
** Invoke assets:precompile (first_time)
** Invoke assets:environment (first_time)
** Execute assets:environment
** Invoke environment (first_time)
** Execute environment
** Invoke yarn:install (first_time)
** Execute yarn:install
** Execute assets:precompile
rails aborted!
Sass::SyntaxError: Invalid CSS after "*": expected selector, was "= require boots..."
(sass):3333
/home/fabritronix/.rvm/gems/ruby-2.4.3/gems/sass-3.4.25/lib/sass/scss/parser.rb:1207:in `expected'
/home/fabritronix/.rvm/gems/ruby-2.4.3/gems/sass-3.4.25/lib/sass/scss/parser.rb:1137:in `expected'
/home/fabritronix/.rvm/gems/ruby-2.4.3/gems/sass-3.4.25/lib/sass/scss/static_parser.rb:21:in `parse_selector'
/home/fabritronix/.rvm/gems/ruby-2.4.3/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:428:in `visit_rule'
/home/fabritronix/.rvm/gems/ruby-2.4.3/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:36:in `visit'
/home/fabritronix/.rvm/gems/ruby-2.4.3/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:162:in `block in visit'
/home/fabritronix/.rvm/gems/ruby-2.4.3/gems/sass-3.4.25/lib/sass/stack.rb:79:in `block in with_base'
/home/fabritronix/.rvm/gems/ruby-2.4.3/gems/sass-3.4.25/lib/sass/stack.rb:115:in `with_frame'
/home/fabritronix/.rvm/gems/ruby-2.4.3/gems/sass-3.4.25/lib/sass/stack.rb:79:in `with_base'

Answer 1

尝试下面的最佳实践

从application.scss中删除下面的行

 *= require bootstrap-datepicker
 *= require datetimepicker
 *= require chosen
 *= require reports_kit/application
 *= require_tree
 *= require_self
 */

如果您需要这些库，那么在stylesheets文件夹中创建一个像custom.css这样的文件，并将这些CSS库放在这里，并确保您的打字机与*= require_tree .一样正确。

或者您可以重写您的application.scss以application.css.scss更正错误，如*= require_tree .

希望能有所帮助