Note that there are some explanatory texts on larger screens.

plurals
  1. PORails: Assets are not rendered correctly in development
    primarykey
    data
    text
    <p>I've been struggling with this for a few days now - I added bootstrap (and some other gems) to my rails app, but for some reason the appropriate CSS files are not rendering and thus the bootstrap styles are not showing up.</p> <p>Here are the relevant parts of my files:</p> <p><code>application.html.erb</code> in <code>app/views/layouts</code>:</p> <pre><code>&lt;head&gt; &lt;title&gt;Myapp&lt;/title&gt; &lt;%= stylesheet_link_tag "application", :media =&gt; "all" %&gt; &lt;%= javascript_include_tag "application" %&gt; &lt;%= csrf_meta_tags %&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-dropdown.js"&gt;&lt;/script&gt; &lt;/head&gt; </code></pre> <p><code>application.css</code> in <code>app/assets/stylesheets</code>:</p> <pre><code>/* * 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_tree . */ </code></pre> <p>(There are also plenty more CSS files in this folder, including <code>bootstrap_and_overrides.css</code> and <code>gmaps4rails.css</code>).</p> <p>And the server log when I load the page:</p> <pre><code>$ rails server =&gt; Booting WEBrick =&gt; Rails 3.2.8 application starting in development on http://0.0.0.0:3000 =&gt; Call with -d to detach =&gt; Ctrl-C to shutdown server SECURITY WARNING: No secret option provided to Rack::Session::Cookie. This poses a security threat. It is strongly recommended that you provide a secret to prevent exploits that may be possible from crafted cookies. This will not be supported in future versions of Rack, and future versions will even invalidate your existing user cookies. Called from: /Users/me/.rvm/gems/ruby-2.0.0-p0/gems/actionpack-3.2.8/lib/action_dispatch/middleware/session/abstract_store.rb:28:in `initialize'. [2013-03-11 15:19:32] INFO WEBrick 1.3.1 [2013-03-11 15:19:32] INFO ruby 2.0.0 (2013-02-24) [x86_64-darwin11.4.2] [2013-03-11 15:19:32] INFO WEBrick::HTTPServer#start: pid=94815 port=3000 Started GET "/" for 127.0.0.1 at 2013-03-11 15:19:35 -0700 Processing by HomeController#index as HTML Rendered home/index.html.erb within layouts/application (2.8ms) Trip Load (0.2ms) SELECT "trips".* FROM "trips" Rendered layouts/_navigation.html.erb (62.0ms) Completed 200 OK in 143ms (Views: 141.0ms | ActiveRecord: 1.3ms) </code></pre> <p>And the source code that actually gets rendered in Chrome:</p> <pre><code>&lt;head&gt; &lt;title&gt;Myapp&lt;/title&gt; &lt;link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" /&gt; &lt;script src="/assets/application.js?body=1" type="text/javascript"&gt;&lt;/script&gt; &lt;meta content="authenticity_token" name="csrf-param" /&gt; &lt;meta content="GfG+KCsrNZaChqWvUz/g5RqsdHrXOtumFzHaOjJmFQg=" name="csrf-token" /&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-dropdown.js"&gt;&lt;/script&gt; &lt;/head&gt; </code></pre> <p>And my <code>Gemfile</code>:</p> <pre><code>gem "bootstrap-sass", '~&gt; 2.3.0.1' gem "simple_form" gem 'gmaps4rails' </code></pre> <p>And <code>config/environments/development.rb</code>:</p> <pre><code>config.cache_classes = false # Log error messages when you accidentally call methods on nil. config.whiny_nils = true # Show full error reports and disable caching config.consider_all_requests_local = true config.action_controller.perform_caching = false # Don't care if the mailer can't send config.action_mailer.raise_delivery_errors = false # Print deprecation notices to the Rails logger config.active_support.deprecation = :log # Only use best-standards-support built into browsers config.action_dispatch.best_standards_support = :builtin # Raise exception on mass assignment protection for Active Record models config.active_record.mass_assignment_sanitizer = :strict # Log the query plan for queries taking more than this (works # with SQLite, MySQL, and PostgreSQL) config.active_record.auto_explain_threshold_in_seconds = 0.5 # Do not compress assets config.assets.compress = false # Expands the lines which load the assets config.assets.debug = true </code></pre> <p>I have the assets pipeline in <code>config/application.rb</code> set to true and I haven't changed the debug settings. My <code>RAILS_ENV</code> is <code>development</code>. As I understand, rails should be compiling and serving all of the CSS files including <code>boostrap_and_overrides.css.scss</code> because of the <code>require_tree .</code> call. I've run <code>rake assets:precompile</code> and <code>bundle exec rake assets:precompile</code> multiple times, but I don't think that should matter. Im running ruby 2.0.0p0 (2013-02-24 revision 39474).</p> <p>The REALLY weird thing is that me and my partners on this project have the exact same code (from our github repository), and it works on their local machines but it doen't work on mine. Does anyone have any input at all into what's going on?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload