undefined方法`[]'for"font":Sass :: Script :: Value :: String

1 ruby-on-rails sass css3 responsive-design

我正在运行我的rails应用程序我遇到了上面的错误.

我想这与sass rails和font awesome有关.

这是我的宝石文件

        source 'https://rubygems.org'
ruby '2.2.3'

gem 'rails', '4.2.6'
gem 'jquery-rails'
gem 'jquery-turbolinks'
gem 'jquery-ui-rails'
gem 'devise'
gem 'simple_form'
gem 'will_paginate'
gem 'bootstrap-will_paginate'
#gem 'activerecord-reputation-system', require: 'reputation_system'
gem 'activerecord-reputation-system', github: 'NARKOZ/activerecord-reputation-system', branch: 'rails4'
gem 'acts-as-taggable-on'
gem 'randumb'

gem 'turbolinks'

gem 'mobu'
#gem 'font_assets' rails 3?
#gem 'font-awesome-rails', '4.2' #'3.1.1.0'
gem 'font-awesome-rails'
gem 'protected_attributes' #for attr_accesible instead of strong params..



#this is active admin gem
#gem 'activeadmin', github: 'activeadmin'
gem 'activeadmin', '~> 1.0.0.pre2'
gem 'rack-cors', :require => 'rack/cors'

#group :assets do

gem 'sass-rails', '~> 5.0'
gem 'coffee-rails' #, '~> 3.2.1'
gem 'uglifier' #, '>= 1.0.3'
gem 'bootstrap-sass'
gem 'tzinfo-data' #rails 4 stuff

gem 'pg'


# this gem is used for pagination
#gem 'kaminari'

group :production do

  #gem 'heroku-deflater' need rails 4 fix, this gem helps to optimize app performance 
  gem 'unicorn'
  gem 'rails_12factor'

end

group :development, :test do
  gem 'better_errors' #need ruby 2.0
end 
Run Code Online (Sandbox Code Playgroud)

我试图更新sass rails和sprockets但没有用.我试图在application.css以外的样式表中使用@import fontawesome.

cyd*_*doc 7

在我的情况下,麻烦是自定义字体的结果.

解决方法是从asset-url帮助程序中删除'font'参数.

以前:

asset-url('custom-webfont.svg', 'font') format('svg');
Run Code Online (Sandbox Code Playgroud)

asset-url('custom-webfont.svg') format('svg');
Run Code Online (Sandbox Code Playgroud)