Ruby on Railsにて削除機能が実装できない

Question

前提・実現したいこと

Ruby on Railsにて投稿機能アプリを作成しています。
rails７つのアクションのうち６つまでは機能するのですが削除機能だけがうまくいきません。
link_toでパスを指定しているのですがリンクボタンを押しても反応しません。
諸先輩方もし分かる方いらっしゃいましたらよろしければお力をお貸しください。

発生している問題

以下のコードでedit_post_pathのリンクは正常に作動するがdeleteのリンクは遷移がなく反応なし。

 %li.show_edit_btn
 　= link_to edit_post_path(@post.id), class: "show_edit-link" do
 　　編集
 %li.show_delete_btn
 　= link_to post_path(@post.id), method: :delete, class: "show_delete-link" do
 　　削除

該当のソースコード

routes.rb

Rails.application.routes.draw do
  root "posts#top"
  resources :posts
end

posts_controller.rb

  def edit
    @post = Post.find(params[:id])
  end

  def destroy
    post = Post.find(params[:id])
    post.destroy
    redirect_to posts_path
  end

試したこと

プログラミング初心者なのでネストなどに問題があるのかと試行錯誤いたしましたが解決せず。
ネットで調べたところパスの指定の後idをつけ忘れている様なエラーの例は確認できましたがこの様な事例は見つけることはできませんでした。
サーバーの再起動実施済み。

補足情報（FW/ツールのバージョンなど）

ruby 2.5.1
rails 5.2.4
mysql2 0.5.3

ここにより詳細な情報を記載してください。
追記
削除を実行した時のコンソールログです。

Started GET "/posts/9" for ::1 at 2020-05-12 15:03:40 +0900
   (0.3ms)  SET NAMES utf8,  @@SESSION.sql_mode = CONCAT(CONCAT(@@sql_mode, ',STRICT_ALL_TABLES'), ',NO_AUTO_VALUE_ON_ZERO'),  @@SESSION.sql_auto_is_null = 0, @@SESSION.wait_timeout = 2147483
  ↳ /Users/username/.rbenv/versions/2.5.1/lib/ruby/gems/2.5.0/gems/activerecord-5.2.4.2/lib/active_record/log_subscriber.rb:98
Processing by PostsController#show as HTML
  Parameters: {"id"=>"9"}
  Post Load (0.6ms)  SELECT  `posts`.* FROM `posts` WHERE `posts`.`id` = 9 LIMIT 1
  ↳ app/controllers/posts_controller.rb:34
  Rendering posts/show.html.haml within layouts/application
  Rendered posts/_header.html.haml (4.9ms)
  Rendered posts/_content.html.haml (3.9ms)
  Rendered posts/_footer.html.haml (3.0ms)
  Rendered posts/show.html.haml within layouts/application (29.4ms)
Completed 200 OK in 83ms (Views: 76.8ms | ActiveRecord: 0.6ms)

解決しました

####解決方法

application.jsファイルで以下を追記

//= require rails-ujs 

ご指摘いただいた通りログを確認してみるとdeleteメソッドではなくgetメソッドでプログラムが動いていました。
原因はおそらくrails5.1以降のバージョンとjqueryの互換性だと思います。
jqueryをインストールしていてjsファイルにこちらの追記がないと起こってしまうのかと。

gem 'jquery-rails'

の様にjqueryをインストール済みでdeleteメソッドがgetになることがあるそうです。
他の例を見る限りdeviseをみなさん使用してらしたのでそこも関係あるかもしれません。

Comments

[hatsu]

削除ボタンを押した時のログなどがあれば追記していただけると参考になるかもです！

[tak-fomalhaut]

お返事ありがとうございます。
コンソールログ追記させていただきました。
よろしくお願いします。

Answer 1

コンソールログをみると、 delete method ではなく
get method で動いているので、
PostsControllerのshowが呼ばれているようです。

haml部分に、link_to に method deleteと記述しているが、
railsのjqueryなどの影響により、getになっている状態かと思われます。

「rails link_to delete」とかで調べますと、解決につながるかと思います。

参考URL: link_to deleteメソッドがGetメソッドで送られる。

Comments

[tak-fomalhaut]

的確なアドバイスとヒントありがとうございました。
おかげさまで解決いたしました。
開発のはじめに今後使うであろうgemなど一気にインストールしてしまった弊害が出てしまったようです。
今後は必要になった都度インストールして原因を絞れる様に気をつけます。
また、ログの確認方法が未熟で原因を教えてくれていたのを気付きませんでした。
本当にありがとうございました。

[fshun]

無事解決できて、よかったです ????‍♂️

[tak-fomalhaut]

本当にありがとうございました☺️

Answer 2

これらのコードであれば、削除ボタンを押した場合に実際にデータ自体は
削除されていると思うのですが、確認はされていますか？

ちゃんとpostsテーブルからデータが削除されている前提でお話をさせていただくと、
まず最初に確認をしたいのが一番上に書かれているコードです。
これはどのビューファイルに書かれてるのでしょうか？

もしもこれがview/posts/index.html.hamlに書かれているのであれば、
Controllerのdestroyアクションでデータ削除が完了した後にリダイレクトした先が
index.html.hamlに飛ぶように書かれているようなので、
画面遷移していないように見えるかと思います。

また、もしこれがview/posts/index.html.hamlではなくて、
データは削除されていることが確認とれるのであればリダイレクトの部分で何か問題があるのかと思います。

Comments

[gnfreeworks]

すみません、削除時のコンソールログちゃんと見てませんでした。
他の方がおっしゃるとおり、GETメソッドで飛んでるのが原因かと思います。

一応、私の環境下で上記のコードをコピペして実行したところちゃんとデータは削除され、
リダイレクトもされてたので何かしらの原因でDELETEメソッドで飛んでないようです。

[tak-fomalhaut]

わざわざテストまでしていただきありがとうございました。
おっしゃる通りGETになっていたのが原因でした。
ログの確認方法が未熟でご迷惑おかけしました。
本当にありがとうございました。