ruby-on-rails – Rails引擎 – 导入未找到或不可读的文件：font

发布时间：2020-12-17 02:07:42 所属栏目：百科来源：网络整理

导读：我做了一个超级简单的rails应用程序,并使用字体很棒没有问题.扩展此操作以在rails引擎中执行相同的步骤会产生以下错误. File to import not found or unreadable: font-awesome 我无法找到解决方案.如果有人有关于如何使这个简单的rails引擎与font-awesome一

我做了一个超级简单的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

解决方法

安装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') %>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!