2016-01-18 37 views
1

在開發中,我無法弄清楚如何讓jquery-ui gem使它變得可愛。jquery-ui gem:要導入的文件找不到或不可讀:jquery-ui/autocomplete

我包括在項目中的Gemfile,鍵入bundle install,更新app/assets/stylesheets/application.scss寶石有一行:

@import "jquery-ui/autocomplete"; 

終於app/assets/javascripts/application.js有一行:

//= require jquery-ui/autocomplete 

多個較低或 - 如https://github.com/joliss/jquery-ui-rails

當我嘗試在開發中加載頁面時,rails抱怨sayi NG

File to import not found or unreadable: jquery-ui/autocomplete. 
Load paths: 
    /home/dm/contra/app/assets/images 
    /home/dm/contra/app/assets/javascripts 
    /home/dm/contra/app/assets/stylesheets 
    /home/dm/contra/vendor/assets/javascripts 
    /home/dm/contra/vendor/assets/stylesheets 
    /home/dm/.rvm/gems/ruby-2.2.1/gems/jquery-rails-4.0.5/vendor/assets/javascripts 
    /home/dm/.rvm/gems/ruby-2.2.1/gems/coffee-rails-4.1.0/lib/assets/javascripts 
    /home/dm/.rvm/gems/ruby-2.2.1/gems/angularjs-rails-1.4.8/vendor/assets/javascripts 
    /home/dm/.rvm/gems/ruby-2.2.1/gems/bootstrap-sass-3.3.6/assets/stylesheets 
... 

下面介紹一下jQuery的UI寶石的目錄佈局看起來像這臺機器上:

~/.rvm/gems/ruby-2.2.1/gems/jquery-ui-rails-5.0.5/app/assets/javascripts/jquery-ui

accordion.js   datepicker-da.js  datepicker-fr-CH.js datepicker-ka.js  datepicker-nn.js  datepicker-ta.js  effect-bounce.js  effect-transfer.js 
autocomplete.js  datepicker-de.js  datepicker-fr.js  datepicker-kk.js  datepicker-no.js  datepicker-th.js  effect-clip.js  menu.js 
button.js   datepicker-el.js  datepicker-gl.js  datepicker-km.js  datepicker-pl.js  datepicker-tj.js  effect-drop.js  mouse.js 
core.js    datepicker-en-AU.js datepicker-he.js  datepicker-ko.js  datepicker-pt-BR.js datepicker-tr.js  effect-explode.js position.js 
datepicker-af.js  datepicker-en-GB.js datepicker-hi.js  datepicker-ky.js  datepicker-pt.js  datepicker-uk.js  effect-fade.js  progressbar.js 
datepicker-ar-DZ.js datepicker-en-NZ.js datepicker-hr.js  datepicker-lb.js  datepicker-rm.js  datepicker-vi.js  effect-fold.js  resizable.js 
datepicker-ar.js  datepicker-eo.js  datepicker-hu.js  datepicker-lt.js  datepicker-ro.js  datepicker-zh-CN.js effect-highlight.js selectable.js 
datepicker-az.js  datepicker-es.js  datepicker-hy.js  datepicker-lv.js  datepicker-ru.js  datepicker-zh-HK.js effect.js   selectmenu.js 
datepicker-be.js  datepicker-et.js  datepicker-id.js  datepicker-mk.js  datepicker-sk.js  datepicker-zh-TW.js effect-puff.js  slider.js 
datepicker-bg.js  datepicker-eu.js  datepicker-is.js  datepicker-ml.js  datepicker-sl.js  dialog.js   effect-pulsate.js sortable.js 
datepicker-bs.js  datepicker-fa.js  datepicker-it-CH.js datepicker-ms.js  datepicker-sq.js  draggable.js   effect-scale.js  spinner.js 
datepicker-ca.js  datepicker-fi.js  datepicker-it.js  datepicker-nb.js  datepicker-sr.js  droppable.js   effect-shake.js  tabs.js 
datepicker-cs.js  datepicker-fo.js  datepicker-ja.js  datepicker-nl-BE.js datepicker-sr-SR.js effect.all.js  effect-size.js  tooltip.js 
datepicker-cy-GB.js datepicker-fr-CA.js datepicker.js  datepicker-nl.js  datepicker-sv.js  effect-blind.js  effect-slide.js  widget.js 

~/.rvm/gems/ruby-2.2.1/gems/jquery-ui-rails-5.0.5/

app Gemfile History.md lib License.txt Rakefile README.md VERSIONS.md 

cocntents

內容我在這裏沒有做什麼?

+0

您正在使用什麼版本的Rails的? – sidegeeks

+0

Rails 4.2.3版本 –

回答

1

您似乎在跟隨錯誤的README文件。你正在閱讀的是Rails 5.0及以上版本。

按照此文檔爲Rails 5.0版之前 - https://github.com/joliss/jquery-ui-rails/blob/v4.2.1/README.md

+0

謝謝 - 沒有骰子。例如,我嘗試將js include行更新爲'// = require jquery.ui.autocomplete',但獲得了基本相同的消息。在我的機器上查看文件,並且沒有像jquery-ui-rails的分支4.2.1那樣的jquery.ui.autocomplete。 結論:https://github.com/joliss/jquery-ui-rails上的文檔指的是jquery-ui版本,而不是rails版本,當它說 「警告:如果您使用的版本低於5.0,你將不得不使用不同的命名爲文件要求,請參閱[鏈接到4.2.1版本的jquery-ui-rails-gem]「 –

+2

jquery沒有越過v2.2,並且jquery-ui hasn' t上次我檢查時,它跨越了v1.12。清單文件要求您在對其進行任何更改時重新啓動服務器。改變之後你做了那件事嗎? – sidegeeks

+1

我沒想到重新啓動服務器。這就是訣竅。謝謝! (看起來像jquery-ui-gem有它自己的版本號,不跟蹤jquery-ui:https://github.com/joliss/jquery-ui-rails/releases) –

0

我這個掙扎在過去的..只要刪除/自動完成的部分,離開需要和進口只是jQuery的用戶界面,它會加載自動完成本身和其他。

得到了我的自動完成這個CoffeeScript的

jQuery的工作 - > $( '#booking_product')自動完成 來源:[ '']

相關問題