Q&A
「# ブラウザで動作確認をしたらエラーで指摘されrequireを削除」 について、何のブラウザでどういうエラーが出て何を指摘されたかを明記するとヒントになるかもしれません。また、gemfile編集後のbundle updateをしているかどうか、turbolinks導入による発火イベントが変更されているかについても。
前回に同じ質問をさせていただきましたが質問の仕方が悪かったようで回答が得られなかったので内容を簡単にして再度質問させて
いただきます。
現在Rails5.1.3で開発を進めておりますがjqueryが使えなくて困っております。どなたか助けてください。
自分でやったことは以下です。
Gemfile に以下を追加しました。
gem 'jquery-rails' gem 'jquery-ui-rails' gem 'jquery-turbolinks'
app/assets/javascripts/admin.js
//= require jquery //= require rails-ujs //= require jquery_ujs //= jquery.turbolinks # ブラウザで動作確認をしたらエラーで指摘されrequireを削除 //= require turbolinks //= jquery.ui.datepicker # ブラウザで動作確認をしたらエラーで指摘されrequireを削除 //= jquery.ui.datepicker-ja # ブラウザで動作確認をしたらエラーで指摘されrequireを削除 //= require_tree ./shared //= require_tree ./admin
上記を読み込むようにconfig/initiliaers/assets.rbを変更
Rails.application.config.assets.precompile += %w( staff.css admin.css customer.css staff.js admin.js customer.js )
ここまでやってみたのですが、CoffeeScriptプログラムが読み込まれていないのかどうかわかりませんが、動かないのです。
もうこれ以上どうすればjqueryが使えるようになるのか手立てがわからずに本当に困っております。
エラーでも出てくれていればまだ、何かできるかもしれないのですが、エラーも出ていない状態です。
どなたか解決方法を教えていただけませんでしょうか？宜しくお願いします。
もしかして、Railsのバージョンを４系に下げて対応するべきなのでしょうか？
エラーコード追加
Sprockets::FileNotFound in Admin::Top#index Showing /home/vagrant/chibi/chibi/app/views/layouts/admin.html.erb where line #6 raised: couldn't find file 'jquery.ui.datepicker' with type 'application/javascript' Checked in these paths: /home/vagrant/chibi/chibi/app/assets/config /home/vagrant/chibi/chibi/app/assets/images /home/vagrant/chibi/chibi/app/assets/javascripts /home/vagrant/chibi/chibi/app/assets/stylesheets /home/vagrant/.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/jquery-turbolinks-2.1.0/vendor/assets/javascripts /home/vagrant/.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/jquery-ui-rails-6.0.1/app/assets/images /home/vagrant/.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/jquery-ui-rails-6.0.1/app/assets/javascripts /home/vagrant/.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/jquery-ui-rails-6.0.1/app/assets/stylesheets /home/vagrant/.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/jquery-rails-4.3.1/vendor/assets/javascripts /home/vagrant/.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/coffee-rails-4.2.2/lib/assets/javascripts /home/vagrant/.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/actioncable-5.1.3/lib/assets/compiled /home/vagrant/.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/actionview-5.1.3/lib/assets/compiled /home/vagrant/.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/turbolinks-source-5.0.3/lib/assets/javascripts Extracted source (around line #6): 4 //= require jquery.turbolinks 5 //= require turbolinks 6 //= require jquery.ui.datepicker 7 //= require jquery.ui.datepicker-ja 8 //= require_tree ./shared 9 //= require_tree ./admin Rails.root: /home/vagrant/chibi/chibi Application Trace | Framework Trace | Full Trace app/assets/javascripts/admin.js:6 app/views/layouts/admin.html.erb:6:in `_app_views_layouts_admin_html_erb__1864903540803225957_70366080769560' app/controllers/admin/top_controller.rb:6:in `index'
*Gemfileを変更後 bundlu update を行いました。
回答1件
0
自己解決
nae_stage様からの回答で turbolinks5から仕様が変わっていると教えていただきました。
CoffeeScriptプログラムを
$(document).on 'page:change', -> の部分を $(document).on 'turbolinks:load', -> に
変更したら動いてくれました。
投稿2017/08/18 05:10
総合スコア458
あなたの回答
tips
プレビュー
