1

图像导致我的 heroku 应用出现问题，因此我更改config.assets.compile = false为config.assets.compile = true在 production.rb 中。然后我跑rake assets:precompile并推送到heroku服务器。Jquery 在应用程序网站上运行良好，但不再适用于我的本地副本。javascript 控制台中不会引发任何错误。以下是一些重要的文件。

生产.rb

Nonogrammed::Application.configure do
  # Settings specified here will take precedence over those in config/application.rb

  # Code is not reloaded between requests
  config.cache_classes = true

  # Full error reports are disabled and caching is turned on
  config.consider_all_requests_local       = false
  config.action_controller.perform_caching = true

  # Disable Rails's static asset server (Apache or nginx will already do this)
  config.serve_static_assets = false

  # Compress JavaScripts and CSS
  config.assets.compress = true

  # Don't fallback to assets pipeline if a precompiled asset is missed
  config.assets.compile = false

  # Generate digests for assets URLs
  config.assets.digest = true

  # Defaults to nil and saved in location specified by config.assets.prefix
  # config.assets.manifest = YOUR_PATH

  # Specifies the header that your server uses for sending files
  # config.action_dispatch.x_sendfile_header = "X-Sendfile" # for apache
  # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for nginx

  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
  # config.force_ssl = true

  # See everything in the log (default is :info)
  # config.log_level = :debug

  # Prepend all log lines with the following tags
  # config.log_tags = [ :subdomain, :uuid ]

  # Use a different logger for distributed setups
  # config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new)

  # Use a different cache store in production
  # config.cache_store = :mem_cache_store

  # Enable serving of images, stylesheets, and JavaScripts from an asset server
  # config.action_controller.asset_host = "http://assets.example.com"

  # Precompile additional assets (application.js, application.css, and all non-JS/CSS are already added)
  # config.assets.precompile += %w( search.js )

  # Disable delivery errors, bad email addresses will be ignored
  # config.action_mailer.raise_delivery_errors = false

  # Enable threaded mode
  # config.threadsafe!

  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
  # the I18n.default_locale when a translation can not be found)
  config.i18n.fallbacks = true

  # Send deprecation notices to registered listeners
  config.active_support.deprecation = :notify

  # 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
end

应用程序.js

//= require jquery
//= require jquery_ujs
//= require jquery.ui.core
//= require jquery.ui.widget
//= require jquery.ui.mouse
//= require jquery.ui.draggable
//= require twitter/bootstrap
//= require_tree .


$(function() {
    $( "#draggable" ).draggable({ handle: "#handle" , containment: [0,0,1200,1000] , cursor: "crosshair" });
  });

更新：这是由于删除图像，制作具有相同名称的新图像，然后推送到 heroku 造成的。不要那样做！

4

1 回答 1

2

无需在本地进行预编译。Sprockets 在服务器启动时自动编译静态资源。

要解决问题，请删除目录中的已编译文件public/assets，提交更改，然后再次部署到 Heroku。

然后，在 Heroku 中，通过从命令行运行以下命令来编译资产：

# from command line via the Heroku Toolbelt
rake run assets:precompile

您的本地资产将在服务器启动时编译（从而使 jQuery 再次可用），并且您在 Heroku 上的资产将按应有的方式预编译到public/assets目录中。

更新：

您可能需要清除浏览器缓存以确保将更新的资产路径加载到您的标记中。

于 2013-10-02T22:50:02.477 回答