【Rails×Ajax】なぜかいいねボタンのPOSTだけ反応しない

Question

前提・実現したいこと

いいね機能をAjaxで実装しようとしています。
参考記事
上記のQiitaを参考に実装しており、記事通りにコードを書きましたが適切に処理されません。
具体的には、いいねの取り消しにはきちんとAjaxが効くのですが、いいねをしようとしても
「500 (Internal Server Error)」になります。ご教授いただけると幸いです。

どのように修正すればよろしいでしょうか。アドバイスお願いいたします。

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

いいねボタンを押しても反応がなく、リロードしなければいいねが増えないといった状況
エラー画面

ActionView::Template::Error (No route matches {:action=>"destroy", :cafeteria_id=>#<Cafeteria id: 1, name: "ひだまり食堂", detail: "たのしい！", addres: "練馬区", user_id: 1, created_at: "2020-05-27 14:40:41", updated_at: "2020-05-27 14:40:41", image: "child.jpg">, :controller=>"likes"}, missing required keys: [:id]):
    1: - if user_signed_in?
    2:   - if current_user.already_liked?(@cafeteria)
    3:     = link_to cafeteria_like_path(@cafeteria), method: :delete, remote: true do
    4:       %i.fas.fa-heart.like-btn
    5:     = @cafeteria.likes.count 
    6:   - else
  
app/views/likes/_like.html.haml:3:in `_app_views_likes__like_html_haml___3068607622047569957_70180034584120'
app/views/likes/create.js.haml:1:in `_app_views_likes_create_js_haml__514421159198398937_70180035075840'

該当のソースコード

  def create
    @cafeteria = Cafeteria.find(params[:cafeteria_id])
    @like = current_user.likes.create(cafeteria_id: params[:cafeteria_id])
    @like.save
  end

  def destroy
    @cafeteria = Cafeteria.find(params[:cafeteria_id])
    @like = Like.find_by(cafeteria_id: params[:cafeteria_id], user_id: current_user.id)
    @like.destroy
  end

%div{id: "likes_buttons_#{@cafeteria.id}"}
 = render partial: 'likes/like', locals: { cafeteria: @cafeteria}

# showの部分テンプレートです。
- if user_signed_in?
  - if current_user.already_liked?(@cafeteria)
    = link_to cafeteria_like_path(@cafeteria), method: :delete, remote: true do
      %i.fas.fa-heart.like-btn
    = @cafeteria.likes.count 
  - else
    = link_to cafeteria_likes_path(@cafeteria), method: :post, remote: true do
      %i.far.fa-heart.unlike-btn
    = @cafeteria.likes.count
- else
  %i.fas.fa-heart.like-btn
  = @cafeteria.liked_users.count
  件

$('#likes_buttons_#{@cafeteria.id}').html("#{j(render partial: 'likes/like', locals: {cafeteria: @cafeteria})}");

$('#likes_buttons_#{@cafeteria.id}').html("#{j(render partial: 'likes/like', locals: {cafeteria: @cafeteria})}");

試したこと

参考記事
この記事の通りに進めましたが上手くいきませんでした。
jqueyはインストールしており、モデルの設定もしっかりできていると思います。

Answer 1

= link_to cafeteria_like_path(cafeteria_id: cafeteria.id , id: cafeteria.likes[0].id), method: :delete, remote: true do

これに変更すると自己解決できた