Impossible to load jquery-ui

[djass]

Hello,

I installed jquery and jquery-ui. Above is a extract of bundle list :

• jquery-rails (4.3.1)
• jquery-ui-rails (6.0.1)
  But, I can't load jquery-ui in my application.js file. I had :
  //= require jquery
  //= require jquery-ui
  I got this error :
  couldn't find file 'jquery-ui' with type 'application/javascript'

It is actually ok with jquery but not for jquery-ui.

Did I missed something?

Djass

[bjensen]

Did you manage to fix this? If so how ? Please share

[johnantoni]

same here, if i do per the documentation:

//= require jquery-ui

it says couldn't find jquery-ui

but if i do

//= require jquery-ui/core

it works, for the javascript.

now for the css (i'm using scss) i just can't get any of the stylesheets loading:

@import "jquery-ui/core";

or

@import "jquery-ui";

doesn't work

[JulienVerkest]

Same problem here

[hoahm]

I'm not the only one. It seems to be incompatible with Rails 5

[dachinat]

Same problem

[jasonperrone]

What does that mean? bundle exec rake what?

[reidcooper]

I bailed on this gem and just included the source in vendor/ directory. So much easier. but takes away control from having individual files selected. I was having similar issues where I had no idea how to include any asset.

[adrianvalenz]

@reidcooper What do you mean "individual files selected"...what files? I came across this gem today while referring to RailsCasts Calendar (Revised) video where he uses this gem. Another thing I noticed in his video is that if you use this
//= require jquery.ui.datepicker in application.js and
*= require jquery.ui.datepicker in application.scss but I actually placed in @import "jquery.ui.datepicker"; because it is a SASS file and it only accepts @import and not //= require
it works fine and I could use the jquery-ui datepicker, but it seems the css doesn't load correctly...like some properties are missing...anyway...this is the link to the video: http://railscasts.com/episodes/213-calendars-revised?autoplay=true

It's annoying how this video has me require include jquery-ui with the dot syntax and the docs on this gem wants you using the forward/slashes/ugh!

Get it straight maintainers!

[adrianvalenz]

. @reidcooper Yea so I'm using Rails 5.1.5 but I still have to use the syntax for Rails 4.2.1... if you use the dot syntax //= require jquery.ui.all then it should work...and for SASS @import "jquery.ui.all";

[reidcooper]

My problem came when trying to incorporate the CSS files but I’m glad you got the JS working. Individual as in, I could load certain assets if I only need a certain kind, rather than compiling the entire library of JS and CSS.

…

On Mar 1, 2018, at 12:09 AM, Adrian Valenzuela ***@***.***> wrote: Yea so I'm using Rails 5.1.5 but I still have to use the syntax for Rails 4.2.1... if you use the dot syntax //= require jquery.ui.all then it should work...and for SASS @import "jquery.ui.all"; — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

[swarshah]

If you are trying to load a CSS file in SCSS like application.scss then you have to specify the extension of css otherwise it will just look for scss file.

@import "jquery-ui/menu";

vs

@import "jquery-ui/menu.css";

[t3k4y]

@import "jquery-ui/menu.css";

Thank you, i can confirm, that this is working in my sass setup