非同期通信 500 (Internal Server Error)

Question

前提・実現したいこと

プログラミング初学者で、現在SNS風のアプリケーションのいいね機能を実装しようとしています。
完成形はボタンを押すと非同期で色が変わり、いいね数が変動する物を考えています。
現状がボタンを押すとデータベースとターミナルは動くのですが、ブラウザ上で反応がなく、
ブラウザの検証ツールに

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

rails-ujs.js:216 POST http://localhost:3000/posts/1/likes/%23%3CLike::ActiveRecord_Relation:0x00007fd7a2d3eb00%3E 500 (Internal Server Error)
./node_modules/@rails/ujs/lib/assets/compiled/rails-ujs.js.Rails.ajax	@	rails-ujs.js:216
./node_modules/@rails/ujs/lib/assets/compiled/rails-ujs.js.Rails.handleRemote	@	rails-ujs.js:652
(anonymous)

検証ツールのネットワーク

ActionView::SyntaxErrorInTemplate in LikesController#create

Encountered a syntax error while rendering template: check $("#like-button").html("<%= j(render partial: 'like', locals: { posts: @posts, likes: @likes, like: @like post: @post}) %>");

のエラーメッセージが出ています。

デバッグやトラブルシューティングをどのように活用したら良いのか分からないまま手が止まってしまいました。

該当のソースコード

create.js.erb / destoroy.js.erb

$("#like-button").html("<%= j(render partial: 'like', locals: { posts: @posts, likes: @likes, like: @like post: @post }) %>");

_like.html.erb

<% if user_signed_in? %>
        <% if post.like_user(current_user.id) %>
          <%= button_to post_like_path(like, post_id: post.id), method: :delete, id: "like-button-#{post.id}", remote: true do %>
          <i class="fas fa-star"></i>
            <span>
              <%= post.likes_count %>
            </span>
           <% end %>
        <% else %>
        <%= button_to post_likes_path(post), id: "like-button-#{post.id}", remote: true do %>
        <i class="far fa-star"></i>
          <span>
            <%= post.likes_count %>
          </span>
          <% end %>
        <% end %>
        <% else %>
          <i class="far fa-star"></i>
          <span>
            <%= post.likes_count %>
          </span>
<% end %>

likes_contoroller

class LikesController < ApplicationController
  before_action :set_post

  def create
    @like = Like.create(user_id: current_user.id, post_id: params[:post_id])
    @likes = Like.where(post_id: params[:post_id])
    @posts = Post.all
  end

  def destroy
    like = Like.find_by(user_id: current_user.id, post_id: params[:post_id])
    like.destroy
    @likes = Like.where(post_id: params[:post_id])
    @posts = Post.all
  end

  private

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

index.html.erb

<div id="like_button_<%= post.likes_count %>">
   いいね<%= render partial:'likes/like', locals: { post: post, like: @likes } %>
</div>

like.rb

class Like < ActiveRecord::Base
  belongs_to :post, counter_cache: :likes_count
  belongs_to :user
end

試したこと

https://qiita.com/YuitoSato/items/94913d6a349a530b2ea2

こちらの記事を参考に実装を進めており、
ステータス５００にたどり着くまでに何度も自分なりにコードを書き換えておりました。
ステータス５００のエラーがどのような物かを調べ、検証ツールのネットワークを見れば原因がわかると学び覗いてみたのですが、どこがダメなのか分かりませんでした。

Answer 1

jsファイル内の

locals: { posts: @posts, likes: @likes, like: @like post: @post }

@likeとpostの間のカンマが抜けているのが原因ではないでしょうか？？

Comments

[Pro01x19]

その通りだったみたいです。
その他の問題もありましたが無事解決しました！