Railsいいね機能でいいねを押した後ページをリロードしないと表示されません

Question

前提・実現したいこと

初心者です。
Ruby on railsのアプリ開発で投稿詳細画面(show)でログインしているユーザーで投稿（post)にいいねする非同期いいね機能(ajax)を実装しようとしています。
具体的には（いいねボタン）が表示されていて押すといいねが一つ増え、ボタンが切り替わって（いいねを消す）ボタンに代わり、いいねを消すボタンを押すといいねが一つ減りボタンが再度切り替わってまた（いいねボタン）が表示されるというものです。下記のように切り替わる感じです。

　　　　　　いいね（０）　　＜＝＞　　いいねを消す（１）

発生している問題・エラーメッセージ

しかし、（いいね）ボタンを押すと
POST http://localhost:3000/posts/20/likes 500 (Internal Server Error）
のエラーが出てしまいajaxでページが置き換わりません（いいねボタンを押す前のまま変化しません）、ですがページをリロードすると表示は切り替わりいいねも追加されている状態です。
逆に、いいねをすでにしている状態で（いいねを消す）を押すと正常に動作します（想定通り）。

いいね（０）押す　　＝＞　　いいねを消す（１）　エラーになる×

いいね（０）　　＜＝　押す　いいねを消す（１）　ちゃんと動作する〇

chromeデベロッパーツールのコンソール
POST http://localhost:3000/posts/20/likes 500 (Internal Server Error）

railsのログエラーメッセージ
ActionView::Template::Error (No route matches {:action=>"destroy", :controller=>"likes", :post_id=>#<Post id: 20, gauge: 1.3, tention: 42, review: "こめんと、...", gut_id: 2, user_id: 1,
 created_at: "2020-12-07 16:48:22", updated_at: "2020-12-08 05:50:47", racket_id: 4, fitness: 4.0, spin: 4.0, resilience: 4.0, technique_improvement: 4.0, technique_stability: 4.0>},
 missing required keys: [:id]):
    1: 
    2: <% if @post.liked_by?(current_user) %>
    3:   <%= link_to 'いいねを消す', post_like_path(@post), method: :delete, remote: true %><%= @post.likes.count %>
    4: <% else %>
    5:   <%= link_to 'いいね', post_likes_path(@post), method: :post, remote: true %><%= @post.likes.count %>
    6: <% end %>
  
app/views/likes/_like.html.erb:3:in `_app_views_likes__like_html_erb__2605293206596886979_69929699583020'
app/views/likes/create.js.erb:1:in `_app_views_likes_create_js_erb__1115950890599874688_69929699542820'
app/controllers/likes_controller.rb:8:in `block (2 levels) in create'
app/controllers/likes_controller.rb:6:in `create'

該当のソースコードを見ていただく前に下のほうの試したことを先に見ていただくとよいかと思います。

該当のソースコード

app/config/routes.rb

Rails.application.routes.draw do
  resources :posts do
    resources :likes, only: [:create, :destroy]
  end

  devise_for :users, controllers: {
    registrations: 'users/registrations',
    sessions: 'users/sessions'
  }
  resources :users, only: [:index, :show]
  
  resources :rackets
  resources :guts
  root to: 'top#index'
end

app/controllers/likes_controller.rb

class LikesController < ApplicationController
  before_action :set_post

  def create
    @like = Like.create(user_id: current_user.id, post_id: @post.id)
    respond_to do |format|
      format.html
      format.js { render 'create' }
    end
  end

  def destroy
    @like = current_user.likes.find_by(post_id: @post.id)
    @like.destroy
    respond_to do |format|
      format.html
      format.js { render 'destroy'}
    end
  end

  private

  def set_post
    @post = Post.find(params[:post_id])
  end
end

app/models/like.rb

class Like < ApplicationRecord
  belongs_to :user
  belongs_to :post
end

app/models/user.rb

  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :validatable

  belongs_to :racket, optional: true
  has_many :post, dependent: :destroy
  has_many :likes
...

app/models/post.rb

class Post < ApplicationRecord
  belongs_to :gut
  belongs_to :user
  belongs_to :racket
  has_many :likes

  validates :review, presence: true, length: { maximum: 500 }

...

  def liked_by?(user)
    likes.where(user_id: user.id).exists?
  end
end

app/views/posts/show.html.erb

<h1 class="mt-3 mb-3">レビュー</h1>

<div id="like_<%= @post.id %>"><%= render partial: 'likes/like' %></div>

...

app/views/likes/_like.html.erb

<% if @post.liked_by?(current_user) %>
  <%= link_to 'いいねを消す', post_like_path(@post), method: :delete, remote: true %><%= @post.likes.count %>
<% else %>
  <%= link_to 'いいね', post_likes_path(@post), method: :post, remote: true %><%= @post.likes.count %>
<% end %>

//上記を下記いいねボタンのみ記述したところ動作する
<%= link_to 'いいね', post_likes_path(@post), method: :post, remote: true %><%= @post.likes.count %>

//また、いいねを付けてある状態で下記いいねを消すボタンのみ記述したところ動作する。
<%= link_to 'いいねを消す', post_like_path(@post), method: :delete, remote: true %><%= @post.likes.count %>

//if文で分岐させずに両方を表示させたうえで確認するとやはりいいねを付けるボタンの時にエラーとなる

app/views/likes/create.js.erb

$("#like_<%= @post.id %>").html("<%= j(render 'likes/like') %>");

app/views/likes/destroy.js.erb

$("#like_<%= @post.id %>").html("<%= j(render 'likes/like') %>");

app/assets/javascripts/application.js

//= require Chart.min
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require jquery
//= require bootstrap-sprockets 
//= require_tree .

                   Prefix Verb   URI Pattern                                                                              Controller#Action
               post_likes POST   /posts/:post_id/likes(.:format)                                                          likes#create
                post_like DELETE /posts/:post_id/likes/:id(.:format)                                                      likes#destroy
                    posts GET    /posts(.:format)                                                                         posts#index
                          POST   /posts(.:format)                                                                         posts#create
                 new_post GET    /posts/new(.:format)                                                                     posts#new
                edit_post GET    /posts/:id/edit(.:format)                                                                posts#edit
                     post GET    /posts/:id(.:format)                                                                     posts#show

...

試したこと

いいねを付けるときのrailsのエラーログを見てNo route matches {:action=>"destroy", :controller=>"likes", :post_id=>...のところと**missing required keys: [:id]**との記載があるのですが、いいねを付けるときはpostリクエストでcreateアクションを呼んでいるはずなので:action =>"create"となるはずだと思い、試しにいいねボタンのみ実装し、いいねを消すボタンはソースコードから外したところ正常に動作しました。逆にいいねがある状態でいいねを消すボタンのみ実装の場合でも正常に動作しました。このことからどちらのボタンも単体では動作していると考えられるのですが、両方のボタンを_like.html.erbに記述すると500エラーが発生しNo route matches {:action=>"destroy", :controller=>"likes", :post_id=>...missing required keys: [:id]となります。

自分が思うにいいねを付けるとき意図したリクエストとなっていないからと考えているのですが原因がわかりません。
ご教授いただければ幸いです。

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

参考にしたサイト
https://qiita.com/soehina/items/a68ab66da3ea1d260301
https://qiita.com/nozonozo/items/57709083838a7fadebcf
https://techtechmedia.com/favorite-function-rails/

バージョンなど
ruby '2.6.3'
gem 'rails', '~> 5.2.4', '>= 5.2.4.3'

gem 'bootstrap'
gem 'jquery-rails'
gem 'sassc-rails'

gem 'rails-i18n', '~> 5.1'

gem 'devise'
gem 'kaminari'

gem 'chart-js-rails'　//投稿詳細画面にレーダーチャートを表示させています
gem 'gon' //DBのデータをjsに受け渡すのに使用しています。

Answer 1

likes#destroy に割り当てられたパスは DELETE /posts/:post_id/likes/:id です。
post_like_path には引数がふたつ(:post_id と :id)必要です。
_like.html.erb の中でひとつしか指定してないのでエラーになっています。

不思議なのは、app/views/likes/create.js.erb から _like.html.erb を呼んだときだけエラーになり、
app/views/posts/show.html.erb から呼んでもエラーにならないことです。

以下の二点を修正すれば治りそうな気はします。

routes.rb

resources :posts do
  # 単数形にする
  resource :likes, only: [:create, :destroy]
end

app/views/likes/_like.html.erb

<%# post_likes_path にする %>
<%= link_to 'いいねを消す', post_likes_path(@post), method: :delete, remote: true %><%= @post.likes.count %>

Comments

[ryuichi-works]

指摘していただいた通りDELETEのpost_like_path には引数がふたつ必要だったようで、post_like_path(@post.id, @post.likes.ids)としたら動作しました。deleteのほうがなぜか動作していたためcreate関連のコードにしか目が行っていませんでした。
提案していただいたコードのほうも試してみて動作しました。ルーティングのresourcesとresourceの機能の違いを大まかにですが理解することができ大変勉強になりました。
本当にありがとうございました！