Установка font-awesome в Rails 6.0.0-rc1 с веб-упаковщиком и пряжей

Question

Я пытаюсь установить FontAwesome через yarn, выполнив yarn add @fontawesome/fontawesome-free, а затем добавив его в мой application.scss:

$fa-font-path: '~@fortawesome/fontawesome-free-webfonts/webfonts';
@import '~@fortawesome/fontawesome-free-webfonts/scss/fontawesome';
@import '~@fortawesome/fontawesome-free-webfonts/scss/fa-solid';

Я попытался написать несколько вещей в application.scss что я видел через интернет, но ни один из них не работает, так как я получаю следующую ошибку:

Sass::SyntaxError in Pages#index
Showing /Users/foo/dev/project/app/views/layouts/application.html.erb where line #9 raised:

File to import not found or unreadable: ~@fortawesome/fontawesome-free-webfonts/scss/fontawesome.
Load paths:
  /Users/foo/dev/project/app/assets/images
  /Users/foo/dev/project/app/assets/javascripts
  /Users/foo/dev/project/app/assets/stylesheets
  /Users/foo/dev/project/vendor/bundle/ruby/2.5.0/gems/coffee-rails-5.0.0/lib/assets/javascripts
  /Users/foo/dev/project/vendor/bundle/ruby/2.5.0/gems/actioncable-6.0.0.rc1/app/assets/javascripts
  /Users/foo/dev/project/vendor/bundle/ruby/2.5.0/gems/activestorage-6.0.0.rc1/app/assets/javascripts
  /Users/foo/dev/project/vendor/bundle/ruby/2.5.0/gems/actionview-6.0.0.rc1/lib/assets/compiled
  /Users/foo/dev/project/node_modules

Большое спасибо за помощь заранее!

Answer 1

Асим ответ поставил меня на правильный путь.Однако, похоже, что некоторые пути импорта были изменены для более новой версии (5.8.2) FontAwesome.Вот что мне нужно было поместить в мой application.scss файл, чтобы сделать FontAwesome 5.8.2 доступным для использования в моем приложении Rails 6.0.0-rc1:

$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';

@import "~@fortawesome/fontawesome-free/scss/fontawesome";
@import "~@fortawesome/fontawesome-free/scss/solid";

Answer 2

Вам нужно убрать знак ~ в начале импорта, и он должен работать нормально.

Это должно быть примерно так:

$fa-font-path: '@fortawesome/fontawesome-free-webfonts/webfonts';
@import '@fortawesome/fontawesome-free-webfonts/scss/fontawesome';
@import '@fortawesome/fontawesome-free-webfonts/scss/fa-solid';

Надеюсь, это поможет :)