【rails】いいね機能のajaxがうまく機能しない

Question

現在、インスタグラムのクローンを作っており、いいね機能のajaxを実装しようとしています。

いいねをすることはできるようになったのですが、いいねをうまくdeleteすることができずうまくいかない状態です。

ログでこのようなエラーがでたのですが、原因がどこにあるのかいまいち見当がつかない状況です。

ActionView::Template::Error (undefined method `id' for nil:NilClass)というエラーでidが見つけられないと怒られてしまいます。おそらくajaxかlikes_controllerに問題があると思うのですが、どこで問題が発生しているのでしょうか？

$('#like-icon-post-<%= @post.id.to_s %>').
  html('<%= link_to "いいね", post_likes_path(@post), method: :POST, remote: true, class: "love hide-text" %>');
$('#like-text-post-<%= @post.id.to_s %>').
  html('<%= j render "posts/like_text", { likes: @post.likes } %>');

class LikesController < ApplicationController
  before_action :authenticate_user!

  def create
    @like = current_user.likes.build(like_params)
    @post = Post.find params[:post_id]
    if @like.save
      respond_to :js
    end
  end

  private
  def like_params
    params.permit(:post_id)
  end
end

<% @posts.each do |post| %>
  <div class="col-md-8 col-md-2 mx-auto">
    <div class="card-wrap">
      <div class="card">
        <div class="card-header align-items-center d-flex">

          <%= link_to user_path(post.user), class: "no-text-decoration" do %>
            <%= image_tag avatar_url(post.user), class: "post-profile-icon" %>
          <% end %>

          <%= link_to user_path(post.user), class: "black-color no-text-decoration", title: post.user.name do %>
            <strong><%= post.user.name %></strong>
          <% end %>

          <% if post.user_id == current_user.id %>
            <%= link_to post_path(post), method: :delete, class:'ml-auto p-2 bd-highlight' do%>
              <div class="delete-post-icon"></div>
            <% end %>
          <% end %>
        </div>

        <%= link_to(post_path(post)) do %>
          <%= image_tag post.photos.first.image.url(:medium), class: "card-img-top" %>
        <% end %>

        <div class="card-body">
          <div class="row parts">

            <div id="like-icon-post-<%= post.id.to_s%>">
              <% if post.liked_by(current_user).present? %>
                <%= link_to "いいねを取り消す", post_like_path(post.id, post.liked_by(current_user)), method: :delete, remote: true, class:'loved hide-text' %>
              <% else %>
                <%= link_to "いいね", post_likes_path(post), method: :post, remote: true, class:'love hide-text' %>
              <% end %>
            </div>

            <%= link_to "", "#", class: "comment" %>

            <div id="like-text-post-<%=post.id.to_s%>">
              <%= render "like_text", {likes: post.likes}  %>
            </div>

          <div>
            <span><strong><%= post.user.name %></strong></span>
            <span><%= post.caption %></span>
            <%= link_to time_ago_in_words(post.created_at).upcase + "前", post_path(post), class: "post-time no-text-decoration" %>
            <hr>
            <div class="row parts">
              <form action="#" class="w-100">
                <div>
                  <textarea class="form-control comment-input border-0" placeholder="コメント..." rows="1"></textarea>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<% end %>

###バージョン
rails 6.0

Answer 1

LikesController に destroy がないです。
destroy がないので @post も nil になり undefined method `id' for nil:NilClass

destroy では like の削除と @post を設定する必要があります。

def destroy
  @post = Post.includes(:likes).find(params[:post_id])
  @post.likes.find(params[:id]).destroy
end

Comments

[退会済みユーザー]

完全に盲点でした。ありがとうございます。解決しました。