未找到 jquery-ui 资产。如何将 Rails 管道中的资产合并到 jquery-ui css 中？答案

【问题标题】：jquery-ui asset not found. How to incorporate assets from rails pipeline into jquery-ui css?未找到 jquery-ui 资产。如何将 Rails 管道中的资产合并到 jquery-ui css 中？
【发布时间】：2012-10-16 19:55:04
【问题描述】：

我注意到在本地我们收到了关于 7 个不同 jquery-ui 图像的错误，例如ActionController::RoutingError (No route matches [GET] "/public/ui-bg_highlight-soft_100_eeeeee_1x100.png")

这些资产确实存在于 jquery-ui 文件结构中。

我发现将 jquery-ui 框架 css 中使用的 url 从“url(/images/ui-bg_highlight-soft_100_eeeeee_1x100.png”更改为“url(/assets/ui-bg_highlight-soft_100_eeeeee_1x100.png”或“url(ui-bg_highlight-soft_100_eeeeee_1x100.png”可以消除错误（尽管我还必须执行@987654326 @本地）。然而，这似乎是一种不好的方法，而且不是正确的做法。

解决这些错误的正确方法是什么？

【问题讨论】：

这可能会有所帮助bibwild.wordpress.com/2011/12/08/…
这是哪个版本的rails和jquery-ui？

标签： ruby-on-rails ruby jquery-ui asset-pipeline

【解决方案1】：

首先，我强烈建议使用 jquery-ui-rails gem 轻松地将 jquery ui 滚动到资产管道中。

在您的 Gemfile 中：

group :assets do
  gem 'jquery-ui-rails' # jquery ui
end

在您的 app/assets/stylesheets/application.css 中：

*= require jquery.ui.all

请注意，您只能要求您使用的 jquery ui 部分，例如进度条或日期选择器，ala jquery.ui.progressbar

在 app/assets/javascripts/application.js 中：

//= require jquery.ui.all

现在运行bundle install，瞧！你准备好了！

【讨论】：

这看起来很棒，但不起作用:(我还用正确的文件名称/位置更新了这个答案（gem 'jquery-ui-rails' 添加被列为路线。 rb 但很明显它应该是 Gemfile.rb，对吗？）。
是的，你完全正确，gem 应该添加到 Gemfile 中。您是否运行了捆绑安装？
是的，我尝试重新应用所有细节，但我仍然收到ActionController::RoutingError (No route matches [GET] "/images/ui-bg_highlight-so ft_100_eeeeee_1x100.png"):

【解决方案2】：

最终结果是：

删除我的本地版本。
将项目添加到 jquery js 和 css 清单文件中。
使用 jquery-ui-rails gems

【讨论】：

【解决方案3】：

在浏览器中观察 404 Not Found 是什么路径，然后确保 query-ui 主题的 /images 目录已移动或链接到 Rails 应用中的该路径。

示例

我体验 404 是为了：

http://localhost:3000/assets/images/ui-icons_ffffff_256x240.png

我的jquery-ui主题目录在/vendor，所以图片的真实路径是：

RAILS_ROOT/vendor/assets/stylesheets/ui-lightness/images

因此，要修复 404，请将符号链接放置到预期的目录：

% cd vendor/assets/stylesheets
% ln -s ui-lightness/images images

现在，该 URL 提供图像。

【讨论】：