Gem jquery-ui-rails could not find jquery.ui.all 'file (

Question

I am trying to add jquery ui datepicker to my application using jquery-ui-rails gem . I checked Railscast. I seem to be doing everything right, but I get an error message when I start the application.
couldn't find file 'jquery.ui.all'

Gemfile (end, tried to include gem in the asset group, but no luck):

 gem 'backbone-on-rails' gem "jquery-ui-rails" 

application.js

 //= require jquery //= require jquery_ujs //= require underscore //= require backbone //= require svitla_test //= require_tree ../templates //= require_tree ./models //= require_tree ./collections //= require_tree ./views //= require_tree ./routers //= require_tree . //= require jquery.ui.all 

application.css

 *= require jquery.ui.all *= require_self *= require_tree . 

Answer 1

Put //= require jquery.ui.all right after //= require jquery so that it looks like this:

 //= require jquery //= require jquery.ui.all //= require jquery_ujs //= require underscore //= require backbone //= require svitla_test //= require_tree ../templates //= require_tree ./models //= require_tree ./collections //= require_tree ./views //= require_tree ./routers //= require_tree . 

note that the write order of these lines is the load order of these files. Therefore, if you call the jquery-ui function before it finds out what jquery-ui , most likely you need to change the order of a bit ..

It is usually useful to place infrastructure files in front of your own files to avoid such problems.

Answer 2

In version 5.0, it was changed. You can read about it here .

version 5.0 :

application.js:

 //= require jquery-ui 

application.css:

 /* *= require jquery-ui */ 

version 4.x (I'm sure 4.2.0 and 4.2.1):

application.js:

 //= require jquery.ui.all 

application.css:

 /* *= require jquery.ui.all */