javascript_include_tag Rails 4 在生产中生成“/javascripts/”而不是“/assets”

Question

我有一个带有

的 Rails 4 应用程序

<%= javascript_include_tag "modernizr", "data-turbolinks-track" => true %>

在头脑中。在开发中，渲染了以下 HTML，并加载了modernizr：

<script data-turbolinks-track="true" src="/assets/modernizr.js?body=1"></script>

在生产中，followign HTML 被渲染，modernizr 未加载（404 未找到）：

<script data-turbolinks-track="true" src="/javascripts/modernizr.js"></script>

在生产中，/assets/modernizr.js 被发现并可以浏览。

Rails documentation 表示javascript_include_tag 应该生成

<script data-turbolinks-track="true" src="/assets/modernizr.js?body=1"></script>

在生产中，我的stylesheet_link_tags 很好，链接到/assets/ 目录。

为什么在生产环境中javascript_include_tag 链接到/javascripts 而不是/assets，我该如何解决？

Answer 1

AssetUrlHelper 的使用声明之一表明它将生成 /javascripts/ url 就像你看到的那样：

#asset_path "application", 输入: :javascript # => /javascripts/application.js

（来自 assets_url_helper.rb 第 117 行 - [1]）

此代码看起来只有在缺少预编译资产的情况下才能访问 所以看起来你的资产编译不起作用（我的部署通常 发生这种情况时会失败，所以也许你的甚至没有开火）。

相同的asset_url_helper.rb 调用/javascripts/ 部分'extname' 和 使用以下地图知道如何生成名称：

 # Maps asset types to public directory.
  ASSET_PUBLIC_DIRECTORIES = {
    audio:      '/audios',
    font:       '/fonts',
    image:      '/images',
    javascript: '/javascripts',
    stylesheet: '/stylesheets',
    video:      '/videos'
  }

一个新的 Rails 4 应用在 config/environments/production.rb 中有这个

  # Do not fallback to assets pipeline if a precompiled asset is missed.
  config.assets.compile = false

这似乎与您看到的行为相符。

Answer 2

默认情况下，Rails 只预编译 application.js、application.css 以及它在资产路径中找到的任何图像。因此，在生产中，mordernizr 不会被预编译，因此 javascript 助手将无法找到该文件。

为了解决这个问题，您可以通过修改production.rb中的以下配置将modernizr添加到预编译列表中

config.assets.precompile += ['modernizr.js']

欲了解更多信息，请参阅the Rails Guides

Answer 3

请务必通过运行以下命令在生产环境中预编译您的资产：

RAILS_ENV=production bundle exec rake assets:precompile

资产管道上的 Rails 指南可以为您提供更多详细信息：http://guides.rubyonrails.org/asset_pipeline.html#precompiling-assets

Answer 4

我有一个使用 Rails 4 部署在 Heroku 上的新应用程序：

<%= javascript_include_tag "application", "data-turbolinks-track" => true %>

我的 javascript application.(fingerprint).js 从 src 调用：assets/application.js

我认为您的问题来自您的 production.rb 中的某些东西，他们从另一个位置定义了资产。

所以也许你可以将 Moderniz.js 添加到

config.assets.precompile = ['.js', '.css', '*.css.erb']

在 config/production.rb 中

或者只是在你的 application.js 中需要 modernizr 脚本

//= 需要现代人

并将modernizr 脚本调用删除到您的布局中。

<%= javascript_include_tag "modernizr", "data-turbolinks-track" => true %>

您能检查一下您的 application.js 是从哪里提供给您的生产环境的吗？

Answer 5

这可能是因为此文件需要位于 /vendor/assets/javascript 而不是 /app/assets/javascript 中。 Vendor 文件夹用于存放 JavaScript 库，App 文件夹用于存放您的代码。

比在布局中添加标签更好的解决方案是向 application.js 添加脚本引用，然后让 sass 编译器压缩并将其附加到主 javascript 文件中。

如果您没有得到明确的答案，请查看： http://guides.rubyonrails.org/asset_pipeline.html#asset-organization