Fund 4 | Rails | Passenger - Invalid CSS after "*": expected "{", was "= require found ..."

Question

I try to run the rails application under the passenger and get stuck with the following error.

rake aborted! Invalid CSS after " *": expected "{", was "= require found..." (in /home/hubtrackadmin/hubtrack.binarygeometry.net/app/assets/stylesheets/application.css) (sass):15 

My Gemfile looks like this, I tried to comment on the non-production group. This may not be the right way to do something, but I'm just trying to get a demonstration of the concept as soon as possible. If there is a more correct way, I'm all ears :)

 source 'https://rubygems.org' gem 'rails', '3.2.13' # Bundle edge Rails instead: # gem 'rails', :git => 'git://github.com/rails/rails.git' gem 'mysql' gem 'mysql2' gem 'joosy', '1.0.0.RC4' gem 'execjs' gem 'therubyracer', :platforms => :ruby # Gems used only for assets and not required # in production environments by default. # group :assets do gem 'sass-rails', '~> 3.2.3' gem 'coffee-rails', '~> 3.2.1' gem 'zurb-foundation', '~> 4.0.0' # See https://github.com/sstephenson/execjs#readme for more supported runtimes gem 'therubyracer', :platforms => :ruby gem 'uglifier', '>= 1.0.3' # end 

I also added the following to my application.rb file to meet an earlier error with my frontend js files that are not compiling.

 require File.expand_path('../boot', __FILE__) require 'rails/all' if defined?(Bundler) # If you precompile assets before deploying to production, use this line Bundler.require(*Rails.groups(:assets => %w(development test))) # If you want your assets lazily compiled in production, use this line # Bundler.require(:default, :assets, Rails.env) end module MyModule class Application < Rails::Application # Precompile *all* assets, except those that start with underscore config.assets.precompile << /(^[^_\/]|\/[^_])[^\/]*$/ 

My error trace is as follows.

 bundle exec rake assets:precompile /home/entracked/.rvm/rubies/ruby-1.9.3-p392/bin/ruby /home/entracked/.rvm/gems/ruby- 1.9.3-p392@global /bin/rake assets:precompile:all RAILS_ENV=production RAILS_GROUPS=assets rake aborted! Invalid CSS after " *": expected "{", was "= require found..." (in /home/hubtrackadmin/hubtrack.binarygeometry.net/app/assets/stylesheets/application.css) (sass):15 /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass- 3.2.8/lib/sass/scss/parser.rb:1148:in `expected' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:1084:in `expected' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:1079:in `tok!' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:534:in `block' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:529:in `ruleset' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:553:in `block_child' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:543:in `block_contents' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:82:in `stylesheet' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-3.2.8/lib/sass/scss/parser.rb:27:in `parse' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-3.2.8/lib/sass/engine.rb:342:in `_to_tree' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-3.2.8/lib/sass/engine.rb:315:in `_render' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-3.2.8/lib/sass/engine.rb:262:in `render' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sass-rails-3.2.6/lib/sass/rails/compressor.rb:12:in `compress' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/actionpack-3.2.13/lib/sprockets/compressors.rb:74:in `compress' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sprockets-2.2.2/lib/sprockets/processing.rb:243:in `block in css_compressor=' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sprockets-2.2.2/lib/sprockets/processor.rb:29:in `call' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/sprockets-2.2.2/lib/sprockets/processor.rb:29:in `evaluate' /home/entracked/.rvm/gems/ ruby-1.9.3-p392@hub _blog/gems/tilt-1.4.0/lib/tilt/template.rb:103:in `render' 

Any help is appreciated.

Answer 1

Ok, I found the answer. This is related to this question https://github.com/zurb/foundation/issues/1942

What needs to be done with application.css

  *= require_self *= require_tree . */ *= require foundation_and_overrides *= require layout 

you need to move the closing * / tag beyond the last two requirements so that they are included in the manifest and not in css.

 *= require_self *= require_tree . *= require foundation_and_overrides *= require layout */