2013-05-15 58 views
1

我注意到我的應用程序中沒有包含我的application.css.scss中的所有樣式 - 突然間。剛做了`bundle update`和application.css.scss似乎沒有編譯

最近剛剛做了bundle update之後才發生這種情況。

這是發生了什麼變化:

Installing multi_json (1.7.3) 
Installing tilt (1.4.1) 
Installing json (1.8.0) 

Installing sass (3.2.9) 
Installing bootstrap-wysihtml5-rails (0.3.1.20) 

Installing callsite (0.0.11) 
Installing cancan (1.6.10) 
Installing currencies (0.4.1) 

Installing database_cleaner (1.0.0) 
Installing devise (2.2.4) 
Installing net-scp (1.1.1) 

Installing fog (1.11.1) 
Installing letter_opener (1.1.1) 
Installing meta_request (0.2.5) 

Installing newrelic_rpm (3.6.2.96) 
Installing rails_admin (0.4.8) 
Installing uglifier (2.1.0) 

這是我的Gemfile的當前狀態:

source 'https://rubygems.org' 

gem 'rails', '3.2.13' 

group :assets do 
    gem 'sass-rails', '>= 3.2.3' 
    gem 'coffee-rails', '>= 3.2.1' 
    gem 'uglifier', '>= 1.0.3' 
end 

group :development do 
    gem 'annotate', :git => 'git://github.com/ctran/annotate_models.git' 
    gem 'sextant' 
    gem "quiet_assets", ">= 1.0.2" 
    gem "better_errors", ">= 0.7.2" 
    gem "binding_of_caller", ">= 0.7.1"  
    gem 'meta_request' 
    gem 'execjs' 
    gem 'therubyracer' 
    gem "letter_opener" 
    gem 'bullet' 
    # gem 'rack-mini-profiler' 
end 

group :test do 
    gem "database_cleaner", ">= 1.0.0.RC1" 
    gem "email_spec", ">= 1.4.0" 
end 

group :development, :test do 
    gem "rspec-rails", ">= 2.12.2" 
end 

gem "jquery-rails" 
gem "thin", ">= 1.5.0" 
gem "pg", ">= 0.15.0" 
gem "font-awesome-sass-rails" 
gem "bootstrap-sass", ">= 2.3.1.0" 
gem "bootstrap-wysihtml5-rails" 
gem "sendgrid", ">= 1.0.1" 
gem "devise", ">= 2.2.4" 
gem "cancan", ">= 1.6.9" 
gem "rolify", ">= 3.2.0" 
gem "simple_form", ">= 2.1.0" 
gem "newrelic_rpm" 
gem "rmagick" 
gem "mini_magick" 
gem "carrierwave" 
gem "fog" 
gem "piggybak" 
gem "piggybak_variants" 
gem "piggybak_bundle_discounts" 
gem "rails_admin" 
gem "acts-as-taggable-on" 
gem "friendly_id" 
gem "piggybak_stripe" 

編輯1

我原本說,一些級聯樣式表包含在我的應用中的//= requires未包括在內,但事實並非如此。我已經包含了font-awesome樣式表,而且我仍然看到圖標。我只是沒有看到我的應用中包含的application.css.scss中包含的任何樣式 - 而我在更新之前曾使用這些樣式。

+0

當您的頁面加載時,所有預期的樣式表是否都添加到了DOM中? – professormeowingtons

+0

似乎是這樣,但無論出於何種原因......包含在「application.css.scss」中的實際樣式不包含在源代碼中生成的主「application.css」文件中。 – marcamillion

回答

1

我發現了這個問題。這是在我的application.css.scss的頂部的評論。

最後的*/有錯誤的縮進。它與左邊緣齊平,我需要將它移到右側一個空間。

它是這樣的:

/* 
* This is a manifest file that'll be compiled into application.css, which will include all the files 
* listed below. 
* 
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, 
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. 
* 
* You're free to add application-wide styles to this file and they'll appear at the top of the 
* compiled file, but it's generally better to create a new file per style scope. 
* 
*= require_self 
*= require _font-awesome 
*= require bootstrap-wysihtml5 
*= require_tree . 
*/ 

當右一個是這樣的:

/* 
* This is a manifest file that'll be compiled into application.css, which will include all the files 
* listed below. 
* 
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, 
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. 
* 
* You're free to add application-wide styles to this file and they'll appear at the top of the 
* compiled file, but it's generally better to create a new file per style scope. 
* 
*= require_self 
*= require _font-awesome 
*= require bootstrap-wysihtml5 
*= require_tree . 
*/ 

非常微妙的,但它是有道理的 - 因爲所有的樣式表包含在requires部分都被列入。但關閉*/後的風格似乎已被評論。

+0

這樣做。很高興你解決了它的隊友, – professormeowingtons

相關問題