### 前提・実現したいことプログラミング初学者で、現在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 %> <%= post.likes_count %> <% end %> <% else %> <%= button_to post_likes_path(post), id: "like-button-#{post.id}", remote: true do %> <%= post.likes_count %> <% end %> <% end %> <% else %> <%= post.likes_count %> <% 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

いいね<%= render partial:'likes/like', locals: { post: post, like: @likes } %>

``` ``` like.rb class Like < ActiveRecord::Base belongs_to :post, counter_cache: :likes_count belongs_to :user end ``` ### 試したこと https://qiita.com/YuitoSato/items/94913d6a349a530b2ea2 こちらの記事を参考に実装を進めており、ステータス５００にたどり着くまでに何度も自分なりにコードを書き換えておりました。ステータス５００のエラーがどのような物かを調べ、検証ツールのネットワークを見れば原因がわかると学び覗いてみたのですが、どこがダメなのか分かりませんでした。

	@@ -1 +1 @@
1	- 非同期通信　~~POST~~ ht~~tp://loc~~al~~host:3000/posts/1/lik~~e~~s/%23%3CLike::Acti~~ve~~Rec~~or~~d_Relation:0x00007f~~
1	+ 非同期通信　500 (Internal Server Error)

質問編集履歴