@import 'font-awesome' 在 Rails 中不起作用

Question

我正在努力：

@import "font-awesome-sprockets";
@import "font-awesome";

在我的 application.css.scss 文件的末尾。

首先使用 fontawesome 网站提供的说明，然后按照 this Whosebug topic

然后就像这个github topic

None 个解决方案对我有用。

我的 gemfile：

source 'https://rubygems.org'
gem 'rails'
gem 'sqlite3'
gem 'sass-rails', '~> 5.0.4'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.1.0'
gem 'font-awesome-sass', '~> 4.4.0'
gem 'jquery-rails'
gem 'turbolinks'
gem 'jbuilder', '~> 2.0'
gem 'sdoc', '~> 0.4.0', group: :doc
group :development, :test do
  gem 'byebug'
end
group :development do
  gem 'web-console', '~> 2.0'
  gem 'spring'
end

我的application.html.erb头段：

<head>
  <title>Grzegorz Milanowski - Personal Website</title>
    <link href='https://fonts.googleapis.com/css?family=Raleway:400,700,800' rel='stylesheet' type='text/css'>
          <!--<link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css">-->
    <link rel="stylesheet" href="css/application.css">
    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
    <%= csrf_meta_tags %>
</head>

错误：

Sass::SyntaxError in Welcome#index
Showing /home/ubuntu/workspace/app/views/layouts/application.html.erb where line #8 raised:

File to import not found or unreadable: font-awesome-sprockets.
Load paths:
  /home/ubuntu/workspace/app/assets/images
  /home/ubuntu/workspace/app/assets/javascripts
  /home/ubuntu/workspace/app/assets/stylesheets
  /home/ubuntu/workspace/vendor/assets/javascripts
  /home/ubuntu/workspace/vendor/assets/stylesheets
  /usr/local/rvm/gems/ruby-2.3.0/gems/jquery-rails-4.1.1/vendor/assets/javascripts
  /usr/local/rvm/gems/ruby-2.3.0/gems/coffee-rails-4.1.1/lib/assets/javascripts
  /usr/local/rvm/gems/ruby-2.3.0/gems/turbolinks-source-5.0.0/lib/assets/javascripts
Extracted source (around line #329):
327
328
329
330

}

@import 'font-awesome-sprockets';
@import 'font-awesome';

我将不胜感激任何帮助。让我知道是否需要更多日志。

Answer 1

似乎在将 gem 'font-awesome-sass', '~> 4.4.0' 添加到 Gemfile 之后您忘记了 bundle install，执行 bundle install 它将解决您的问题

注：不需要<link rel="stylesheet" href="css/application.css">可以去掉。

@import 'font-awesome' 在 Rails 中不起作用

@import 'font-awesome' doesn't work in Rails

css

import

ruby-on-rails

sass

font-awesome