質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Vagrant

Vagrantは、VirtualBox上の仮想マシンを コマンドラインから作成してくれるソフトウェアです。 ビルド環境など容易に構築が可能です。

Q&A

解決済

1回答

1271閲覧

Rails5.1.3でTurbolinks5とDatepicker6が発火しません。

koume

総合スコア458

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Vagrant

Vagrantは、VirtualBox上の仮想マシンを コマンドラインから作成してくれるソフトウェアです。 ビルド環境など容易に構築が可能です。

0グッド

0クリップ

投稿2017/08/19 03:14

Webアプリを学習しながら制作しております。同じような内容で何回か質問させていただき、回答もいただいて設定の部分を
修正していますが、状況が変わりません。もしかしたら、バージョンの違いでプログラムの記述も変わっているのではと思い
質問させていただきました。コードは参考書の通りに記述していますが参考書のバージョンはjquery-rails (4.1.0)
jquery-ui-rails (4.2.0)ですが自分が使っているのはjquery-rails (4.3.1)、jquery-ui-rails (6.0.1)、turbolinks(5.0.3)
jquery-turbolinks(2.1.0)です。turbolinksとdatepickerのコードは以下になります。

Datepickerのコード3つ

$(document).on 'turbolinks:load', -> d = new Date() $.datepicker.setDefaults({ dateFormat: "yy-mm-dd", minDate: new Date(2000, 1, 1), maxDate: new Date(d.getFullYear() + 1, d.getMonth(), d.getDate() - 1) }) $('.datepicker').datepicker()
$(document).on 'turbolinks:load', -> $('form.edit_form').on 'click', '#enable-password-field', -> $('#enable-password-field').hide() $('#disable-password-field').show() $('#form_customer_password').removeAttr('disabled') $('label[for=form_customer_password]').addClass('required') $('form.edit_form').on 'click', '#disable-password-field', -> $('#disable-password-field').hide() $('#enable-password-field').show() $('#form_customer_password').attr('disabled', 'disabled') $('label[for=form_customer_password]').removeClass('required')
$(document).on 'turbolinks:load', -> $('.birthday-picker').datepicker({ minDate: new Date(1900, 1, 1), maxDate: new Date(), changeMonth: true, changeYear: true, yearRange: '1900:+00', defaultDate: '1970-01-01' })

Turbolinksのコード1つ

$(document).on 'turbolinks:load', -> $('form.edit_staff_member').on 'click', '#enable-password-field', -> $('#enable-password-field').hide() $('#disable-password-field').show() $('#staff_member_password').removeAttr('disabled') $('label[for=staff_member_password]').addClass('required') $('form.edit_staff_member').on 'click', '#disable-password-field', -> $('#disable-password-field').hide() $('#enable-password-field').show() $('#staff_member_password').attr('disabled', 'disabled') $('label[for=staff_member_password]').removeClass('required')

このTurbolinksは正常に動いていたのですが、datepickerのチェックをしようとしたら動かなくなっていました。
ただ、設定を以下のようにしたときエラーがでしまいます。エラーのコードは以下になります。

//= require jquery //= require rails-ujs //= require jquery_ujs //= require jquery.turbolinks //= require turbolinks //= require jquery-ui/widgets/datepicker //= require jquely-ui/i18n/datepicker-ja //= require_tree ./shared //= require_tree ./staff

エラー内容

Sprockets::FileNotFound in Staff::Sessions#new Showing /home/vagrant/chibi/chibi/app/views/layouts/staff.html.erb where line #6 raised: couldn't find file 'jquely-ui/i18n/datepicker-ja' 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 #7): 5 //= require turbolinks 6 //= require jquery-ui/widgets/datepicker 7 //= require jquely-ui/i18n/datepicker-ja 8 //= require_tree ./shared 9 //= require_tree ./staff Rails.root: /home/vagrant/chibi/chibi Application Trace | Framework Trace | Full Trace app/assets/javascripts/staff.js:7 app/views/layouts/staff.html.erb:6:in `_app_views_layouts_staff_html_erb___4578289695913132902_69866452249820' app/controllers/staff/sessions_controller.rb:9:in `new'

エラーで指摘された6・7行目のrequireだけ削除するとエラーは出なくページは表示されますが発火していないようです。
エラーの1行目のSprockets::FileNotFoundはgemを読み込んでいないということみたいなのですが?
ちなみにコードは参考書の記述そのままです。
数日悩んでいろいろやっておりますが解決に至っておりません。
どなたか教えていただけないでしょうか?宜しくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

//= require jquely-ui/i18n/datepicker-jaの行を削除したらOKでした。
この一行が余計だったようです。

投稿2017/08/19 03:45

koume

総合スコア458

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問