Ruby on Rails：“找不到文件 'jquery-ui'”

Question

我刚刚完成了全新安装，并且能够访问位于 localhost:3000 的默认 Rails 页面，但是当我安装 activeadmin gem 时，我在访问 /admin/ 时遇到了问题，并在 /admin/ 上收到以下错误登录（我被重定向了，但这是我在页面上看到的：）

我该怎么办？我已经完成了捆绑更新，但没有修复它。

这里是部分错误信息：

Sprockets::FileNotFound in Active_admin/devise/sessions#new

显示 /usr/local/rvm/gems/ruby-1.9.3-p392/gems/activeadmin->0.6.0/app/views/layouts/active_admin_logged_out.html.erb 其中第 12 行提出：

找不到文件'jquery-ui' （在/usr/local/rvm/gems/ruby-1.9.3-p392/gems/activeadmin->0.6.0/app/assets/javascripts/active_admin/base.js:2）

这是我的 gem 文件：

source 'https://rubygems.org'

gem 'rails', '3.2.12'

# Bundle edge Rails instead:
# gem 'rails', :git => 'git://github.com/rails/rails.git'

gem 'sqlite3'


# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'

  # See https://github.com/sstephenson/execjs#readme for more supported runtimes
  # gem 'therubyracer', :platforms => :ruby

  gem 'uglifier', '>= 1.0.3'
end

gem 'jquery-rails'
gem 'activeadmin'

# To use ActiveModel has_secure_password
# gem 'bcrypt-ruby', '~> 3.0.0'

# To use Jbuilder templates for JSON
# gem 'jbuilder'

# Use unicorn as the app server
# gem 'unicorn'

# Deploy with Capistrano
# gem 'capistrano'

# To use debugger
# gem 'debugger'

Answer 1

这是一个known issue，因为jquery-rails 依赖项放弃了对jQuery-UI 的支持。目前的解决方法似乎是强制使用 2.3.0 版加载 jquery-rails gem：

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

由此引起的相关问题：Debug jQueryUI Versions in Rails。

Answer 2

如果您在我的情况下使用更高版本的 jquery-ui-rails jquery-ui-rails-5.0.0

我在 jquery-ui-rails-5.0.0 资产文件夹中发现，将以下行写入您的 application.css：

*= require jquery-ui

为您的 css 获取所有 ui 元素，它只是调用：

*= require jquery-ui/all

如果您将以下内容写入您的 application.js

//= require jquery-ui

它获取大多数jquery js文件，除了一些特定的日期选择器，application.js中没有jquery的#all方法，在大多数情况下可以这样做，但如果没有，那么你可以直接将其余的添加到应用程序中.js 例如

//=require jquery-ui/datepicker-ru

总而言之，将所有 ui 用于 css 和 js

*= require jquery-ui
//= require jquery-ui

Answer 3

我建议将您的 application.js 从 //= require jquery_ui 更新为 //= require jquery.ui.all 作为更好的解决方案（而不是使用过时版本的 gem）。

Answer 4

添加 jquery-ui-rails gem 也会为您提供 jquery.ui 支持。

gem 'jquery-ui-rails'

在您的 application.js 和 application.css 文件中，您可以添加所有模块

jquery.ui.all

或者只有你需要的，例如：

jquery.ui.slider