Railsにて非同期のお気に入り機能(いいね機能)がリロードしないと動かない、Ajaxが発火しない。

Question

前提・実現したいこと

Ruby on Rails で 非同期(Ajax)のお気に入り機能を実装したいです。
しかし、リロードしないと処理されない状況でrailsサーバーのエラーとして、下記のような @post.id がnilになっていると出ており、受け渡し？が上手く行っていないのか思いつく限り、どうコードを修正しても改善されないので質問させていただきました。
初めての質問となり、大変お手数をおかけいたしますが何卒回答のほどよろしくお願いいたします。

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

Rails サーバー

Completed 500 Internal Server Error in 23ms (ActiveRecord: 2.8ms)
ActionView::Template::Error (undefined method `id' for nil:NilClass):
    1: $('#favorites_buttons_<%= @post.id %>').html("<%= j(render partial: 'favorites/favorite', locals: {post: @post}) %>");
app/views/favorites/destroy.js.erb:1:in `_app_views_favorites_destroy_js_erb__4163638919559762178_22600'
/Users/xxx/dazzling/app/views/favorites/destroy.js.erb:1: warning: __FILE__ in eval may not return location in binding; use Binding#source_location instead
/Users/xxx/.rbenv/versions/2.7.0/lib/ruby/gems/2.7.0/gems/web-console-3.7.0/lib/web_console/exception_mapper.rb:31: warning: in `eval'
Started GET "/posts/18" for ::1 at 2020-08-02 05:24:45 +0900

googledeveloperツール

Request URL: http://localhost:3000/posts/18/favorites
Request Method: POST
Status Code: 500 Internal Server Error
Remote Address: [::1]:3000
Referrer Policy: strict-origin-when-cross-origin

該当のソースコード

app/views/posts/show.html.erb

<h1>口コミ詳細</h1>
<p>Find me in app/views/posts/show.html.erb</p>
<%
  if @post.image? %>
  <div class="card mb-3">
    <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Image cap">
      <title>Placeholder</title>
      <rect fill="#868e96" width="100%" height="100%"/>
      <text fill="#dee2e6" dy=".3em" x="50%" y="50%"><%= @post.image %></text>
    </svg>
<% else %>
  <div class="card-body">
    <h5 class="card-title"><%= @post.title %></h5>
    <p class="card-text">T<%= @post.content %></p>
    <p class="card-text"><small class="text-muted"><%= @post.created_at %></small></p>
    <p class="card-text"><small class="text-muted">お気に入り件数：<%= @post.favorites.count %></small></p>
    <div id="favorites_buttons_<%= @post.id %>">
      <%= render partial: 'favorites/favorite', locals: {post: @post} %>
    </div>
  </div>
  </div>
<% end %>

app/controllers/favorites_controller.rb

class FavoritesController < ApplicationController
  # お気に入り
  # Favoriteモデルにuser_idとpost_idを格納
  def create
    @favorite = current_user.favorites.create(post_id: params[:post_id])
  end
  # お気に入り取り消し
  # Favoriteモデルのレコードを削除
  def destroy
    @favorite = Favorite.find_by(post_id: params[:post_id], user_id: current_user.id)
    @favorite.destroy
  end
end

app/views/favorites/_favorite.html.erb

<% if current_user.already_favorited?(@post) %>
  <%= button_to 'いいねを取り消す', post_favorite_path(@post), method: :delete, remote: true %>
<% else %>
  <%= button_to 'いいねを登録する', post_favorites_path(@post), method: :post, remote: true %>
<% end %>

app/views/favorites/create.js.erb

$('#favorites_buttons_<%= @post.id %>').html("<%= j(render partial: 'favorites/favorite', locals: {post: @post }) %>");

app/views/favorites/destroy.js.erb

$('#favorites_buttons_<%= @post.id %>').html("<%= j(render partial: 'favorites/favorite', locals: {post: @post}) %>");

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

参考資料：https://qiita.com/naberina/items/c6b5c8d7756cb882fb20
・Ruby -ver 2.7.0 / Rails -ver 5.2.4.3