使用 rails 3.2.11 无法在 heroku 生产中加载 Js 文件答案

【问题标题】：Js files not loading in heroku production with rails 3.2.11使用 rails 3.2.11 无法在 heroku 生产中加载 Js 文件
【发布时间】：2013-05-20 07:58:33
【问题描述】：

我的 Rails 应用程序在 localhost 中使用所有 js 文件运行，但是当我在 heroku 生产环境中运行时，它不会加载任何 js 文件？

config/application.rb 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 = true

# 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

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

config/enviornment.rb

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


# Do not compress assets
config.assets.compress = false

# Expands the lines which load the assets
config.assets.debug = true

application.rb

config.assets.enabled = true

application.js

//= require jquery

//= require jquery_ujs

//= require jquery-ui

//= require twitter/bootstrap

//= require_tree .

宝石文件

source 'https://rubygems.org'

gem 'rails', '3.2.11'
gem 'rest-client' , :require => 'rest_client'
# Bundle edge Rails instead:
# gem 'rails', :git => 'git://github.com/rails/rails.git'
#gem 'twitter-bootstrap-rails'
gem 'execjs'
gem 'therubyracer'
# Gems used only for assets and not required
# in production environments by default.
group :assets do
gem "less-rails"
gem 'sass-rails',   '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
gem 'twitter-bootstrap-rails'
 # See https://github.com/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer', :platforms => :ruby
gem 'uglifier', '>= 1.0.3'

end
gem "paperclip", "~> 3.0"
gem 'jquery-rails'

所以当我在 heroku 上运行时，我的 html 头标签包含

<head>
<title>Admin70mmiq</title>
<link type="text/css" rel="stylesheet" media="all" href="/assets/application- 
 7bf1caf8d9df45f41b2e2de526e0a07e.css">

<script type="text/javascript" src="/assets/application-
561ebefa444229c0b9721488348e73eb.js">
<meta name="csrf-param" content="authenticity_token">
<meta name="csrf-token" content="zadsH75r/3ZNXRTijXuw7LJDNAflL/9J3DzDZJG9yi4=">
</head>

【问题讨论】：

你解决了吗？？？？

标签： ruby-on-rails ruby-on-rails-3 asset-pipeline

【解决方案1】：

资产管道将所有 js 文件压缩到一个名为 application.js 的文件中，该文件在您的 HTML 中显示为 /assets/application-561ebefa444229c0b9721488348e73eb.js

【讨论】：

这里的问题，我已经在我的 html.erb 文件中编写了脚本，所以在运行应用程序后，当我点击按钮时，它不会调用任何函数
我的意思是我在 show.html.erb 所以当我点击按钮时这不会调用
在firebug中，没有显示任何错误，但是当我在chrome上运行时，显示一些错误，但这是在本地工作的。错误是 Uncaught TypeError: Cannot read property 'fileupload' of undefined application-561ebefa444229c0b9721488348e73eb.js:287 Uncaught TypeError: Object [object Object] has no method 'fileupload' home:40 Failed to load resource: 服务器响应状态为404 userscripts.org/scripts/source/58852.user.js 加载资源失败：服务器响应状态为404（未找到）
这就是错误。请将您的 qs 框定为特定于模式。同时看看stackoverflow.com/questions/13185613/…

【解决方案2】：

嗨，朋友，请在部署到 Heroku 之前对文件进行以下更改

-----环境.rb-----

::ActiveSupport::Deprecation.silenced = true

-----Production.rb-----如果有新的js或者css创建

config.assets.compile = ['*.js', '*.css']
config.active_support.deprecation = :silence

-------application.rb--------

config.assets.enabled = true
config.assets.initialize_on_precompile = false

我在部署 heroku 时使用了此步骤，确保您使用“postgres”数据库和“thin”服务器希望您能解决问题。在 GemFile 中 Heroku 的两个 gem：postgres，我在 GemFile 中看不到这个 gem。

【讨论】：