Zurb Foundation 5, modernizr not found

徘徊边缘 提交于 2019-12-05 03:28:35

Update 3/13/14

I don't have this problem on heroku with foundation-rails-5.1.1.0. Adding javascript_include_tag "vendor/modernizr" in the head works. I could remove the modernizr I copied to the vendor directory and remove the extra line in app.js


I had the same problem on heroku, the app would crash because it couldn't find modernizr.js. Here's how I fixed it:

  • Copy modernizr.js from foundation (wherever you installed it with bundler) into vendor/assets/javascripts/.
  • Add //= require modernizr below //= require_tree . on application.js.
  • Remove javascript_include_tag "vendor/moderizr" from application.html

I got the same error as you and I did this to fix it:

In config/environments/production.rb, set this:

# Do not fallback to assets pipeline if a precompiled asset is missed.
config.assets.compile = true

Try updating the gem you're using for Foundation. This commit from five days ago may help you since it claims to add a missing modernizr.js file.

There is an issue with the version of the foundation-rails gem you are using. In fact even the latest version currently available (5.0.3.1) has this problem. There is a pull request which claims to fix this: https://github.com/zurb/foundation-rails/pull/71 but another option for now is to update your gem to 5.0.3.1 and add this line to your production.rb file:

config.assets.precompile += %w( vendor/modernizr.js )

Please follow the manual instructions from zurb here:

http://foundation.zurb.com/docs/applications.html

Which specifiy that the modernizr script be included inside the head tag. I ran into this issue and then fixed it using the following code in layouts/application.rb:

%head

  %title= title
  = stylesheet_link_tag    "application"
  = javascript_include_tag "vendor/modernizr"
  = csrf_meta_tags
  = favicon_link_tag
  = yield(:head)

I am using foundation-rails (5.2.2.0) and I solved it by just adding:

//= require modernizr

below

//= require_tree .

in app/assets/javascripts/application.js

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!