Uncaught ReferenceError: jQuery is not defined in console for Rails 5

Question

I just installed the jQuery UI for my Ruby on Rails application. It runs Rails 5. I have looked at all the similar posts, but they do not apply to my case.

My page renders just fine, but in the Chrome dev tools console, I get this error:

I have rearranged the application.js file all kinds of ways and still get the same error. This is the file:

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
// vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require jquery-ui
//= require rails-ujs
//= require html.sortable
//= require turbolinks
//= require_tree .
//= require popper
//= require bootstrap-sprockets

what about if you put //= require jquery before the other requries? — max pleaner
– max pleaner, Commented Sep 16, 2017 at 1:45

samwij · Accepted Answer · 2017-09-16 02:09:11Z

3

Per the comment above, try the require jquery at the top.

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require turbolinks
//= require_tree .

answered Sep 16, 2017 at 2:09

samwij

312 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Maxim Fedotov · Accepted Answer · 2017-09-16 14:20:26Z

1

jquery-ui requires you to have the default JQuery loaded beforehand. That's the reason you are seeing all those errors, as jquery-ui has references to it throughout its code, hence its throwing exceptions. Your application.js should look like this instead:

//= require jquery
//= require jquery-ui
//= require rails-ujs
//= require html.sortable
//= require turbolinks
//= require_tree .
//= require popper
//= require bootstrap-sprockets

answered Sep 16, 2017 at 14:20

Maxim Fedotov

1,3571 gold badge18 silver badges39 bronze badges

Collectives™ on Stack Overflow

Uncaught ReferenceError: jQuery is not defined in console for Rails 5

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related