もっと見る機能を実装したいです。

Question

前提・実現したいこと

画像投稿アプリを作っており、kaminariを使ってもっと見る機能を実装しようとしたところ、
思うように表示ができず、コンソールに以下のようなエラーメッセージが出てしまいました。
どのように解決したらいいかわからず、質問させていただきます。

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

http://localhost:3000/?page=2 500 (Internal Server Error)

該当のソースコード

post controller

def index
    @posts = Post.all.order("created_at DESC").page(params[:page])
    @likeposts = Post.find(Like.group(:post_id).order('count(post_id) desc').limit(3).pluck(:post_id))
  end

index.html.erb

<div class="main-center">
    <div class="contents-row">
      <div class="main-post">
        <div class = "recent-post">
          <h1>POST</h1>
        </div>
        <%= render "shared/post_index" %>
        <div class="more"><%= link_to_next_page @posts, 'もっと見る', remote: true, id: 'view_more' %></div>
      </div>
    </div>
  </div>

_post_index.html.erb

<% @posts.each do |post| %>
  <div class="content-post" style="background-image: url(<%= post.images %>);">
    <div class ="main-show-image">
      <%= link_to post_path(post.id), method: :get, class:"main-show" do %>
        <li class="post-image"><%= image_tag post.images[0].variant(resize: '300x300')%></li>
      <% end %>
      <p class="main-post-title"><%= link_to post.title, post_path(post.id), method: :get, class:"main-post-title" %></p>
      <p class="post-user-name"><%=  link_to  ("post by " + post.user.nickname), user_path(post.user.id) %></p>
    </div>
  </div>
<% end %>

index.js.erb

$('#post_index').append("<%= escape_javascript(render 'post_index', object: @posts) %>");
$("#view_more").replaceWith("<%= escape_javascript( 
link_to_next_page(@posts, 'もっと見る', remote: true, id: 'view_more')) %>");

post model

paginates_per 3

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

こちらを参考に実装を行いました。
https://qiita.com/rainbow___0/items/06b231273b3ae56761c8
初歩的な質問で申し訳ございません。
追記するべき箇所があればすぐに対応いたします。
よろしくお願いいたします。

Answer 1

<div id = "posts_index"><%= render "shared/post_index" %></div>

$('#posts_index').append("<%= escape_javascript(render 'shared/post_index', object: @posts) %>");

とすることで表示する事ができました。