いつのまにか、下記jquery関連が動かなくなってしまいました。
・Tag-it
・Autocomplete
・Sortable
正常に動いていた時から、動作不良に気づくまでに行なったことといえば、redis、sidekiq、SSLの導入など、直接的に関係なさそうなことばかりです。唯一、この間に行なったActive Adminだけは影響ありそうなので、Gemfile.lockの中のスクリーンショットを記載させていただきます。
最初は、Tag-it&Autocompleteを用いているページで動作不良を起こしていたため、この部分のどこかで問題が起こっていると考えましたが、別ページで用いているSortableも同様に動作しなくなっていたため、jqueryそのものに問題が生じていると考えています。
なお、コンソールでは、特にエラーは出ていない状態です。下記コードの「jQueryのインライン動作」は確認が取れましたが、 「jQueryの外部ファイル化」がうまくいかなくなっているので、この辺りが問題点かなと思っております。(あるいはbootstrap系との衝突)
javascript
1<p>Hello World!</p> 2<script type="text/javascript"> 3$("p").css("color", "red"); 4</script>
問題に該当しそうな、部分のコードを転載させていただきます。
javascript
1//= require jquery 2//= require popper 3//= require bootstrap 4//= require jquery_ujs 5//= require jquery-ui/widgets/sortable 6//= require rails_sortable 7//= require jquery-ui/widgets/autocomplete 8//= require tag-it 9//= require turbolinks 10//= require_tree . 11//= require jquery_nested_form 12//= require_self
html
1<%= csrf_meta_tags %> 2<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 3<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
現状は、解決の糸口もつかめていない状況なので、もし方向性だけでもお気付きの点があればご教示いただけると幸いです。上記の情報が的違いで、解決策を判断する上での情報が不足していましたら、ご指摘いただければ、該当部分を更新するようにいたします。よろしくお願いいたします!
ーー追記ーー
エラー画面を追記します。なお、リロードした時には「✖︎」のエラーは表示されず、新たにページ遷移した時だけ、下記エラーが表示されます。なお、Tag-it&Autocompleteを用いているページも、Sortableを用いているページも、同じエラーが表記されております。
また、tabs.self-5bccad3e0e615bd96bf323490a71829beec067511af628e9808993bb6beeb3a5.js?body=1:5 をクリックすると、ソースは下記が表示されます。
ソースを見てactive_adminが影響しているのかなと考えています。active_adminのインストール時に、以前から入れていたjqueryが何かしらの衝突を起こしているとか。。。もし思い当たる点のある方がいましたらご教示頂けますと幸いです。
回答1件
あなたの回答
tips
プレビュー