Rails引擎 - 导入未找到或不可读的文件：font-awesome

Question

我做了一个超级简单的rails应用程序，使用了字体很棒，没有问题。扩展此操作以在rails引擎中执行相同的步骤会产生以下错误。

File to import not found or unreadable: font-awesome

我无法找到解决方案。如果有人建议如何使这个简单的rails引擎与font-awesome一起使用，我将非常感激。

生成rails引擎并设置font-awesome ...

的步骤

使用一个模型类创建基本引擎以进行测试

rails plugin new testeng --full --mountable 
cd testeng
bundle install
rails g scaffold book title:string desc:string
rake db:migrate

添加font-awesome

编辑testeng.gemspec并在包含rails gem之后添加sass-rails和font-awesome gems

  s.add_dependency 'sass-rails', '~> 4.0.3'
  s.add_dependency 'font-awesome-rails'

将application.css重命名为application.css.scss

cd app/assets/stylesheets/testeng/
mv application.css application.css.scss

编辑app / assets / stylesheets / testeng / application.css.scss并在文件末尾添加import语句。

@import 'font-awesome';

编辑app / views / testeng / books / index.html.erb并使用一些字体很棒的图标

<h1>Listing books</h1>

<%= link_to content_tag(:i, '', :class => "fa fa-plus-circle"), new_book_path  %>

启动rails服务器

cd <root-app-path>
bundle install
cd test/dummy
bundle install
rails s

在浏览器中测试

http://localhost:3000/testeng/books

获取错误

File to import not found or unreadable: font-awesome

Answer 1

安装font-awesome-sass代替：

gem 'font-awesome-sass', '~> 4.4.0'

捆绑它：

bundle install

将以下内容添加到application.css.scss（app / assets / stylesheets）：

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

作为测试，您可以在视图中添加以下行，看看它是否有效：

<%= icon('thumbs-up', 'It Worked!!!', id: 'my-icon', class: 'fa-5x') %>

Answer 2

我遇到了这个问题，并带有以下消息：

Sass::SyntaxError at /
File to import not found or unreadable: font-awesome-sprockets.
Load paths:
  /home/user/shop_app/depot2/app/assets/images
  /home/user/shop_app/depot2/app/assets/javascripts

通过更新gem来修复它以包含版本：

改为：

 gem 'font-awesome-sass'

为：

gem 'font-awesome-sass', '~> 4.4.0'

Answer 3

我重新启动了服务器，一切正常。 尝试重新启动服务器