当部署到Heroku时页面外观不同。

5

我尝试使用一些Kendo UI小部件,它们在开发中运行良好。但是当我将我的应用程序部署到Heroku时,它的外观发生了巨大变化。

我编写了一个带有TreeView小部件的示例页面。这是它在开发中的渲染方式:

tree view in development

而在Heroku上的生产环境中:

tree view in production

可以看出,列表标记(树形标记?)已经丢失。

我怀疑这个问题与资产管道有关,因为在开发中执行rake assets:precompile也会导致出错(rake assets:clean可以恢复)。但这让我困惑,因为我的Bootstrap标题在开发和生产环境中都正常工作(虽然在Heroku日志中会出现一些ActionController::RoutingError (No route matches [GET] "/assets/Bootstrap/loading.gif")错误)。

Gemfile:

source 'https://rubygems.org'

gem 'rails'
gem "ancestry"
gem "bootstrap-sass"
gem "will_paginate"
gem "bootstrap-will_paginate"
gem "truncate_html"
gem "slim-rails"
gem "kendoui-rails"

group :development, :test do
  gem 'sqlite3'
  gem 'rspec-rails'
  gem "minitest"

  platform :ruby do
    gem 'therubyracer'
  end
end

group :test do
  gem 'capybara'
end

group :development do
  gem "nifty-generators"
  gem "annotate"
end

group :production do
  gem 'pg'
end

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

gem 'jquery-rails', '~> 2.1.3'

gem 'bcrypt-ruby', require: 'bcrypt'

development.rb:

config.cache_classes = false
config.whiny_nils = true
config.consider_all_requests_local       = true
config.action_controller.perform_caching = false
config.action_mailer.raise_delivery_errors = false
config.active_support.deprecation = :log
config.action_dispatch.best_standards_support = :builtin
config.active_record.mass_assignment_sanitizer = :strict
config.active_record.auto_explain_threshold_in_seconds = 0.5
config.assets.compress = false
config.assets.debug = true

production.rb:

config.cache_classes = true
config.consider_all_requests_local       = false
config.action_controller.perform_caching = true
config.serve_static_assets = false
config.assets.compress = true
config.assets.compile = false
config.assets.digest = true
config.i18n.fallbacks = true
config.active_support.deprecation = :notify

有人知道怎么修复吗?谢谢提供任何帮助。


更新1.

感谢大家的评论,以下是额外的信息。

Heroku 日志:

2013-02-23T02:37:50+00:00 app[web.1]: Started GET "/environment_test/index" for 193.169.36.82 at 2013-02-23 02:37:50 +0000
2013-02-23T02:37:50+00:00 app[web.1]: Processing by EnvironmentTestController#index as HTML
2013-02-23T02:37:50+00:00 app[web.1]:   Rendered environment_test/index.html.slim within layouts/application (23.3ms)
2013-02-23T02:37:50+00:00 app[web.1]:   Rendered layouts/_header.slim (57.2ms)
2013-02-23T02:37:50+00:00 app[web.1]: Completed 200 OK in 159ms (Views: 158.7ms | ActiveRecord: 0.0ms)
2013-02-23T02:37:50+00:00 heroku[router]: at=info method=GET path=/environment_test/index host=biotriz.herokuapp.com fwd="193.169.36.82" dyno=web.1 queue=0 wait=2ms connect=20ms service=394ms status=200 bytes=1253
2013-02-23T02:37:50+00:00 heroku[router]: at=info method=GET path=/assets/application-43a283ce09b9af356379df3e89b8b1cc.css host=biotriz.herokuapp.com fwd="193.169.36.82" dyno=web.1 queue=0 wait=0ms connect=1ms service=10ms status=200 bytes=186674
2013-02-23T02:37:51+00:00 heroku[router]: at=info method=GET path=/assets/application-8ac08b06d5d57f91da7af9d1e1c345c0.js host=biotriz.herokuapp.com fwd="193.169.36.82" dyno=web.1 queue=0 wait=7ms connect=20ms service=64ms status=200 bytes=648803
2013-02-23T02:37:55+00:00 heroku[router]: at=info method=GET path=/favicon.ico host=biotriz.herokuapp.com fwd="193.169.36.82" dyno=web.1 queue=0 wait=0ms connect=0ms service=5ms status=200 bytes=0
2013-02-23T02:37:55+00:00 app[web.1]: Started GET "/environment_test/index.json" for 193.169.36.82 at 2013-02-23 02:37:55 +0000
2013-02-23T02:37:55+00:00 app[web.1]: Processing by EnvironmentTestController#index as JSON
2013-02-23T02:37:55+00:00 heroku[router]: at=info method=GET path=/assets/glyphicons-halflings-white-6cccd17a7aed91dbc0157d343c68c0d9.png host=biotriz.herokuapp.com fwd="193.169.36.82" dyno=web.1 queue=0 wait=0ms connect=3ms service=66ms status=200 bytes=8777
2013-02-23T02:37:55+00:00 app[web.1]: Completed 200 OK in 104ms (Views: 0.6ms | ActiveRecord: 31.9ms)
2013-02-23T02:37:55+00:00 app[web.1]: Started GET "/assets/Bootstrap/loading.gif" for 193.169.36.82 at 2013-02-23 02:37:55 +0000
2013-02-23T02:37:55+00:00 app[web.1]: 
2013-02-23T02:37:55+00:00 app[web.1]: ActionController::RoutingError (No route matches [GET] "/assets/Bootstrap/loading.gif"):
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/actionpack-3.2.12/lib/action_dispatch/middleware/debug_exceptions.rb:21:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/actionpack-3.2.12/lib/action_dispatch/middleware/show_exceptions.rb:56:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/rack/logger.rb:32:in `call_app'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/rack/logger.rb:16:in `block in call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/activesupport-3.2.12/lib/active_support/tagged_logging.rb:22:in `tagged'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/rack/logger.rb:16:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/actionpack-3.2.12/lib/action_dispatch/middleware/request_id.rb:22:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-1.4.5/lib/rack/methodoverride.rb:21:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-1.4.5/lib/rack/runtime.rb:17:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/activesupport-3.2.12/lib/active_support/cache/strategy/local_cache.rb:72:in `call'
2013-02-23T02:37:55+00:00 heroku[router]: at=info method=GET path=/assets/Bootstrap/loading.gif host=biotriz.herokuapp.com fwd="193.169.36.82" dyno=web.1 queue=0 wait=1ms connect=12ms service=56ms status=404 bytes=728
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-1.4.5/lib/rack/lock.rb:15:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/actionpack-3.2.12/lib/action_dispatch/middleware/static.rb:62:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-cache-1.2/lib/rack/cache/context.rb:136:in `forward'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-cache-1.2/lib/rack/cache/context.rb:245:in `fetch'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-cache-1.2/lib/rack/cache/context.rb:185:in `lookup'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-cache-1.2/lib/rack/cache/context.rb:66:in `call!'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-cache-1.2/lib/rack/cache/context.rb:51:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/engine.rb:479:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/application.rb:223:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-1.4.5/lib/rack/content_length.rb:14:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/rack/log_tailer.rb:17:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-1.4.5/lib/rack/handler/webrick.rb:59:in `service'
2013-02-23T02:37:55+00:00 app[web.1]:   /usr/local/lib/ruby/1.9.1/webrick/httpserver.rb:111:in `service'
2013-02-23T02:37:55+00:00 app[web.1]:   /usr/local/lib/ruby/1.9.1/webrick/httpserver.rb:70:in `run'
2013-02-23T02:37:55+00:00 app[web.1]:   /usr/local/lib/ruby/1.9.1/webrick/server.rb:183:in `block in start_thread'
2013-02-23T02:37:55+00:00 app[web.1]: 
2013-02-23T02:37:55+00:00 app[web.1]: 
2013-02-23T02:37:55+00:00 heroku[router]: at=info method=GET path=/environment_test/index.json host=biotriz.herokuapp.com fwd="193.169.36.82" dyno=web.1 queue=0 wait=6ms connect=16ms service=121ms status=200 bytes=390
2013-02-23T02:37:55+00:00 app[web.1]: Started GET "/assets/Bootstrap/sprite.png" for 193.169.36.82 at 2013-02-23 02:37:55 +0000
2013-02-23T02:37:55+00:00 app[web.1]: 
2013-02-23T02:37:55+00:00 app[web.1]: ActionController::RoutingError (No route matches [GET] "/assets/Bootstrap/sprite.png"):
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/actionpack-3.2.12/lib/action_dispatch/middleware/debug_exceptions.rb:21:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/actionpack-3.2.12/lib/action_dispatch/middleware/show_exceptions.rb:56:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/rack/logger.rb:32:in `call_app'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/rack/logger.rb:16:in `block in call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/activesupport-3.2.12/lib/active_support/tagged_logging.rb:22:in `tagged'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/rack/logger.rb:16:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/actionpack-3.2.12/lib/action_dispatch/middleware/request_id.rb:22:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-1.4.5/lib/rack/methodoverride.rb:21:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-1.4.5/lib/rack/runtime.rb:17:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/activesupport-3.2.12/lib/active_support/cache/strategy/local_cache.rb:72:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-1.4.5/lib/rack/lock.rb:15:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/actionpack-3.2.12/lib/action_dispatch/middleware/static.rb:62:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-cache-1.2/lib/rack/cache/context.rb:136:in `forward'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-cache-1.2/lib/rack/cache/context.rb:245:in `fetch'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-cache-1.2/lib/rack/cache/context.rb:185:in `lookup'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-cache-1.2/lib/rack/cache/context.rb:66:in `call!'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-cache-1.2/lib/rack/cache/context.rb:51:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/engine.rb:479:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/application.rb:223:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-1.4.5/lib/rack/content_length.rb:14:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/railties-3.2.12/lib/rails/rack/log_tailer.rb:17:in `call'
2013-02-23T02:37:55+00:00 app[web.1]:   vendor/bundle/ruby/1.9.1/gems/rack-1.4.5/lib/rack/handler/webrick.rb:59:in `service'
2013-02-23T02:37:55+00:00 app[web.1]:   /usr/local/lib/ruby/1.9.1/webrick/httpserver.rb:111:in `service'
2013-02-23T02:37:55+00:00 app[web.1]:   /usr/local/lib/ruby/1.9.1/webrick/httpserver.rb:70:in `run'
2013-02-23T02:37:55+00:00 app[web.1]:   /usr/local/lib/ruby/1.9.1/webrick/server.rb:183:in `block in start_thread'
2013-02-23T02:37:55+00:00 app[web.1]: 
2013-02-23T02:37:55+00:00 app[web.1]: 
2013-02-23T02:37:55+00:00 heroku[router]: at=info method=GET path=/assets/Bootstrap/sprite.png host=biotriz.herokuapp.com fwd="193.169.36.82" dyno=web.1 queue=0 wait=0ms connect=1ms service=7ms status=404 bytes=728
2013-02-23T02:38:19+00:00 app[web.1]: Started GET "/environment_test/index.json?id=33" for 193.169.36.82 at 2013-02-23 02:38:19 +0000
2013-02-23T02:38:19+00:00 app[web.1]: Processing by EnvironmentTestController#index as JSON
2013-02-23T02:38:19+00:00 app[web.1]:   Parameters: {"id"=>"33"}
2013-02-23T02:38:19+00:00 app[web.1]: Completed 200 OK in 17ms (Views: 0.4ms | ActiveRecord: 14.0ms)
2013-02-23T02:38:19+00:00 heroku[router]: at=info method=GET path=/environment_test/index.json?id=33 host=biotriz.herokuapp.com fwd="193.169.36.82" dyno=web.1 queue=0 wait=0ms connect=1ms service=26ms status=200 bytes=266

在我的清单CSS文件(application.css)中,包含了两个与Kendo相关的CSS文件:kendo.common.min.css(包含公共代码,未压缩版本)和kendo.bootstrap.min.css(特定主题代码,未压缩版本)。
顺便说一下,在kendoui-rails gem的vendor目录中,有以下结构:
vendor
└── assets
    ├── javascripts
    │   └── ...
    └── stylesheets
        └── kendo
            ├── Bootstrap
            │   ├── editor.png
            │   ├── imagebrowser.png
            │   ├── loading.gif
            │   ├── loading-image.gif
            │   ├── slider-h.gif
            │   ├── slider-v.gif
            │   └── sprite.png
            ├── ... # Some other theme-specific dirs
            ├── kendo.bootstrap.min.css
            ├── kendo.common.min.css
            └── ... # Some other theme-specific CSS's

文件kendo.bootstrap.min.css包含引用图片的代码(url('Bootstrap/sprite.png')url('Bootstrap/loading.gif')),这些图片在生产环境中并不显示(但是它们存在于Bootstrap目录中),所以我认为Chris Rueber是正确的。那么我该如何解决这个问题呢?


1
请发布您的Heroku日志,以便我们可以排除预编译错误。 - Jesper
3
我同意你对资产流程的评估。CSS中如何引用这些图像(箭头/指示器)?乍一看,CSS可能会通过../images/arrow-left.jpg之类的引用来引用它们,但在资产管道内部时无法正常工作。 - Christopher WJ Rueber
我已经(几乎)在我的机器上复制了你的代码,如果KendoUI是通过gem安装的,似乎没有添加css文件,可能它们被包含为引擎。请告诉我们您是如何安装Kendo UI的。 - R Milushev
@QumaraSixOneTour,我的安装步骤:1)在Gemfile中添加gem“kendoui-rails”;2)在bundle install之后运行rails generate kendoui:install --theme=bootstrap(如博客文章所述)。我也没有在应用程序的根目录中找到任何Kendo UI CSS文件,只有在gem安装目录中。 - nameless
2个回答

4

1

实际上,问题在KendoUI-Rails github存储库的问题中有所描述。似乎是由于合并CSS文件而在预编译资产后出现了这个问题。这样,.png文件的正确路径就丢失了。您可以通过关闭调试来在生产中重现此错误,像这样(在您的development.rb中):

config.assets.debug = false

一种可能的解决方法是将 .css 文件与 asset-pipeline 分开,像这样:
<link rel="stylesheet" href="../assets/kendo/kendo.bootstrap.min.css">

但是,正如票证@fadzlan的作者所解释的那样,这将导致css资产由应用服务器提供而不是Web服务器


谢谢。其实我应该自己检查问题跟踪器。 - nameless

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接