blueprint/screen.css未预编译

Joh*_*dra 37 ruby-on-rails asset-pipeline

我一直在关注Michael Hartl出色的RoR教程,但我正在使用RoR 3.1.我是RoR 3.1的新手,需要有关资产管道的帮助.这是我的问题:

在继续讨论第5.3节之前,我想我想推进Heroku,看看事情是如何发展的.令我惊讶的是"GET /"导致错误500.在我的本地开发环境中一切都很好.然后我尝试在production-environment(rails s -e production)下运行我的本地sample_app .相同的结果,错误500:

Sprockets::Helpers::RailsHelper::AssetPaths::AssetNotPrecompiledError in Pages#home

Showing /Users/john/Projects/sample_app/app/views/layouts/_stylesheets.html.erb where line #4 raised:

blueprint/screen.css isn't precompiled
Run Code Online (Sandbox Code Playgroud)

支持信息:

  1. 我把blueprint CSS目录放在vendor/assets/stylesheets下.
  2. 我按照Michael的第13.1.4节建议进行操作,并将以下内容作为我的app/views/layouts/application.html.erb:

    <!DOCTYPE html>
    <html>
      <head>
        <title><%= title %></title>
        <%= render 'layouts/stylesheets' %>
        <%= stylesheet_link_tag "application" %>
        <%= javascript_include_tag "application" %>
        <%= csrf_meta_tags %>
      </head>
      <body>
        <div class="container">
          <%= render 'layouts/header' %>
          <section class="round">
            <%= yield %>
          </section>
          <%= render 'layouts/footer' %>
        </div>
      </body>
    </html>
    
    Run Code Online (Sandbox Code Playgroud)
  3. app/views/layouts/_stylesheets.html.erb的内容:

    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <%= stylesheet_link_tag 'blueprint/screen', :media => 'screen' %>
    <%= stylesheet_link_tag 'blueprint/print',  :media => 'print' %>
    <!--[if lt IE 8]><%= stylesheet_link_tag 'blueprint/ie' %><![endif]-->
    
    Run Code Online (Sandbox Code Playgroud)
  4. 我已经运行了bundle exec rake资产:precompile.

  5. public/assets/manifest.yml的内容:

    ---
    logo.png: logo-8e0a5ad292fbb13a2b07e68fa3995406.png
    rails.png: rails-bd9ad5a560b5a3a7be0808c5cd76a798.png
    blueprint/plugins/buttons/icons/cross.png: blueprint/plugins/buttons/icons/cross-2ebcd25368006d1b7b0c5b7d6b523ab3.png
    blueprint/plugins/buttons/icons/key.png: blueprint/plugins/buttons/icons/key-55237526967cbcab3e8cfb12f0029d88.png
    blueprint/plugins/buttons/icons/tick.png: blueprint/plugins/buttons/icons/tick-3f5fc1f52b505b93f88263e0432d25ce.png
    blueprint/plugins/buttons/readme.txt: blueprint/plugins/buttons/readme-3ff7f5dbb0288d71f70682fdbe9d86ec.txt
    blueprint/plugins/fancy-type/readme.txt: blueprint/plugins/fancy-type/readme-e7ed185d1a9f23256d418ab929b464d9.txt
    blueprint/plugins/link-icons/icons/doc.png: blueprint/plugins/link-icons/icons/doc-b071fd74b88ff38cda8360a53f493013.png
    blueprint/plugins/link-icons/icons/email.png: blueprint/plugins/link-icons/icons/email-28104e72b3418737d4b9b329c12ec358.png
    blueprint/plugins/link-icons/icons/external.png: blueprint/plugins/link-icons/icons/external-ee6d976ddb80125fafe1a33c6f8aed10.png
    blueprint/plugins/link-icons/icons/feed.png: blueprint/plugins/link-icons/icons/feed-59bc8604661681639d25cb7015a32c38.png
    blueprint/plugins/link-icons/icons/im.png: blueprint/plugins/link-icons/icons/im-afeeb6e0b652c1edb1441bf0fb428596.png
    blueprint/plugins/link-icons/icons/lock.png: blueprint/plugins/link-icons/icons/lock-d73c4b3b57ce72cb6dbd8b265507ff75.png
    blueprint/plugins/link-icons/icons/pdf.png: blueprint/plugins/link-icons/icons/pdf-c4c543e5103a8516839a7846b91e1ac4.png
    blueprint/plugins/link-icons/icons/visited.png: blueprint/plugins/link-icons/icons/visited-fb2370448bc4ea5d079e963a8c0d900b.png
    blueprint/plugins/link-icons/icons/xls.png: blueprint/plugins/link-icons/icons/xls-5399729cd31dffc492a04b3805cd0be1.png
    blueprint/plugins/link-icons/readme.txt: blueprint/plugins/link-icons/readme-42c02030199cd36a671d4b623cb4dc36.txt
    blueprint/plugins/rtl/readme.txt: blueprint/plugins/rtl/readme-8d11bf76e19fb3fc7dbc6c2ddb54b92d.txt
    blueprint/src/grid.png: blueprint/src/grid-973add038ed86febca85f03e8b35b94a.png
    jquery-ui.min.js: jquery-ui-7e33882a28fc84ad0e0e47e46cbf901c.min.js
    jquery.min.js: jquery-8a50feed8d29566738ad005e19fe1c2d.min.js
    application.js: application-a552e1db33b8be6a42eedf1261916f3c.js
    application.css: application-214e0c0742f20b334e8a7776e0a4c71d.css
    
    Run Code Online (Sandbox Code Playgroud)
  6. 我没有在manifest.yml中看到blueprint/screen.css.

我错过了什么?

Jep*_*erg 75

来自http://guides.rubyonrails.org/asset_pipeline.html#precompiling-assets

如果要包含其他清单或单个样式表和JavaScript文件,则可以将它们添加到预编译数组中

这意味着在config/environments/production.rb中设置

config.assets.precompile += %w( blueprint/screen.css blueprint/print.css )
Run Code Online (Sandbox Code Playgroud)

或者收藏:

config.assets.precompile += %w( *.css *.js )
Run Code Online (Sandbox Code Playgroud)

  • 为什么不自动? (17认同)
  • 我不是资产管道的架构师,但我的猜测是你默认只想预编译清单文件,因为整个点是整个应用程序有一个单独的js文件和一个单独的css文件.这就是概念的整体美.因此,如果您非常特别需要从主清单中单独请求资产,那么您应该对此非常具体.那有意义吗? (5认同)
  • 并且您不希望"config.assets.precompile + =%w(*.css*.js)",因为这将使您的公共/资产目录混乱有大量未使用的文件(清单中已包含的文件)例如application.js) (4认同)
  • 你应该小心使用*.css和*.js.如果您的宝石中包含样式表,则将加载所有样式表.例如.我在我的一个项目中使用bootswatch.这有几个不同的样式scss文件.当使用*.css时,我在样式中出现冲突,并且没有正确加载东西=>预编译不起作用. (2认同)