Railsで実装したフォロー機能の非同期化がうまくいかない。

Question

#概要
Qiita:フォロー機能の実装方法
フォロー機能を非同期化する

上の２つの記事を参考にして、フォロー機能を実装しました。しかし記事通りにform_forにremote: trueを記述し、jsファイルを作りましたが、非同期化されませんでした。同期通信ではフォロー機能はしっかり動くので、恐らく部分テンプレートかjsファイルに記述ミスがあるのだと思いますが、自分的には間違っているところを見つけることができませんでした。以下にアプリケーションのgifのurlを貼っておきます。
フォロー機能のGif

該当のソースコード

こちらはコントローラーの記述です。

class RelationshipsController < ApplicationController
  before_action :set_user

  def create
    following = current_user.follow(@user)
    if following.save
      flash[:success] = 'ユーザーをフォローしました'
    else
      flash.now[:alert] = 'ユーザーのフォローに失敗しました'
    end
  end

  def destroy
    following = current_user.unfollow(@user)
    if following.destroy
      flash[:success] = 'ユーザーのフォローを解除しました'
    else
      flash.now[:alert] = 'ユーザーのフォロー解除に失敗しました'
    end
  end

  private
  def set_user
    @user = User.find(params[:follow_id])
  end
end

こちらはユーザーマイページのビューファイル です。(views/users/show.html.erb)
一番下にあるrenderでフォーム機能の部分テンプレートを呼び出しています。divについているidはAjax化する際の指標のidです。

<%= render "shared/header" %>
<%= @user.nickname %>

<h2>プロフィール画像</h2>
<% if @user.image.attached? %>
  <p><%= image_tag(rails_blob_path(@user.image),:size => "50x50") %></p>
<% else %>
  <p><%= image_tag("default_user.png", :size => "50x50") %></p>
<% end %>

<%= link_to "ユーザー情報編集", edit_user_path(current_user.id) %>

<div id="follow-ajax">
  <%= render 'shared/follow',user: @user %>
</div>

フォロー機能の部分テンプレート(views/shared/_follow.html.erb)です。
こちらで remote: trueに設定しています。

<% unless current_user == user %>
  <% if current_user.following?(user) %>
    <%= form_for(current_user.relationships.find_by(follow_id: user.id), html: { method: :delete }, remote: true) do |f| %>
      <%= hidden_field_tag :follow_id, user.id %>
      <%= f.submit 'Unfollow', class: 'btn btn-danger btn-block' %>
    <% end %>
  <% else %>
    <%= form_for(current_user.relationships.build, remote: true) do |f| %>
      <%= hidden_field_tag :follow_id, user.id %>
      <%= f.submit 'Follow', class: 'btn btn-primary btn-block' %>
    <% end %>
  <% end %>
<% end %>

こちらコントローラーのcreateアクションのビューです。(views/relationships/create.js.erb)

document.getElementById('follow-ajax').innerHTML = '<%= j(render partial: 'shared/follow', user: @user ) %>'

こちらはコントローラーのdestroyアクションのビューです。
(views/relationships/destroy.js.erb)

document.getElementById('follow-ajax').innerHTML = '<%= j(render partial: 'shared/follow', user: @user ) %>'

自分で試したこと

一度、コードをしっかり確認しましたが、間違いは発見できませんでした。
様々な他の人の情報でも試しましたが、ダメでした。

回答お待ちしています。

Answer 1

jsからみはあまり得意ではないのですが、どなたも回答していないようなので、、、
気になるのは
'<%= j(render partial: 'shared/follow', user: @user ) %>'
シングルクオーテーションで式が途切れてます。
logになにか出ていませんか？
"<%= j(render partial: 'shared/follow', user: @user ) %>"
にしてみるとどうでしょう。

Comments

[TTTTaison]

今確認してみたら、create.js.erbとdestroy.js.erbにlocalsの記述がしていないのに気づきました。わざわざ回答をいただきありがとうございます。