Skip to content

Can't find stylesheet to import: @import "font-awesome" #59

@dima4p

Description

@dima4p

I have met a problem to use the gem font-awesome-rails.

The command rails dartsass:build produces an error.

Error: Can't find stylesheet to import.
  ╷
2 │ @import "font-awesome"
  │         ^^^^^^^^^^^^^^
  ╵
  app/assets/stylesheets/application.scss 2:9  root stylesheet
bin/rails aborted!
Command failed with exit 65: /usr/local/rvm/gems/ruby-3.2.3@tv/gems/dartsass-rails-0.5.0/lib/tasks/../../exe/dartsass

I suppose the problem is that the file to be included with @import "font-awesome" from
font-awesome-rails-4.7.0.8/app/assets/stylesheets/font-awesome.css.erb') is of the format .erb and therefore can not be parsed:

$ bec
Loading development environment (Rails 7.2.0.alpha)
3.2.3 :001 > require 'sass-embedded'
 => true
3.2.3 :002 > Sass.compile('/usr/local/rvm/gems/ruby-3.2.3@tv/gems/font-awesome-rails-4.7.0.8/app/assets/stylesheets/font-awesome.css.erb')
Error: expected "(".
   ╷
14 │   src: url('<%= font_path('fontawesome-webfont.eot') %>');
   │                                                   ^
   ╵
  ../../../../font-awesome-rails-4.7.0.8/app/assets/stylesheets/font-awesome.css.erb 14:51  root stylesheet

I do not know, of which gem is the bug. The candidates are:

  • dartsass-rails
  • sass-embedded
  • font-awesome-rails

The whole project that demonstrates the bug is here.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions