Rails 4 + Zurb Foundation 5 框架错误答案

【问题标题】：Rails 4 + Zurb Foundation 5 framework errorRails 4 + Zurb Foundation 5 框架错误
【发布时间】：2023-04-06 12:10:01
【问题描述】：

尝试使用带有 Rails 4.2.1 的 Zurb Foundation 5 框架，如 tuts (http://www.gotealeaf.com/blog/rails-and-foundation-part-1/) 中所述，我收到以下错误 ..

Invalid CSS after "...ules: $modules ": expected "}", was "!global;"

在我的 gem 文件中，我请求了 gem：

gem 'rails', '4.2.1'
gem 'sass-rails' 
gem 'foundation-rails'
 ...

在我的资产/样式表/application.css中

 *= require_tree .
 *= require_self
 *= require foundation_and_overrides

在我的资产/javascripts/application.js 中

//= require jquery
//= require jquery_ujs
//= require foundation
//= require turbolinks
//= require_tree .
$(function(){$(document).foundation();});

这是我第一次尝试使用 Foundation（在此之前我一直在使用 Bootstrap..），它似乎不像 Bootstrap3 + RAilS 那样简单.. 或者 tuts 中缺少某些东西...

【问题讨论】：

【解决方案1】：

并指定

gem 'foundation-rails', '5.4.5'

在 Gemfile 中

【讨论】：