Sass::SyntaxError：“*”之后的无效 CSS：预期选择器，是“= 需要引导...”

Question

我在做资产时遇到以下错误：使用ruby 2.4.3 和rails 5.1.4 进行预编译

Sass::SyntaxError：“*”后的 CSS 无效：预期的选择器是“=” 需要靴子...”

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 . 之类的错字

希望能帮到你