Rails 引擎 - 找不到或无法读取要导入的文件：font-awesome

Question

我做了一个超级简单的 Rails 应用程序，并毫无问题地使用了 font-awesome。扩展它以在 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

添加字体真棒

编辑 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 '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

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