rails 非同期でフォロー機能を実装したいが、非同期ができない

Question

Rails初心者でTwitterのようなフォロー機能を非同期で実装をしようとトライしていますが
javascriptの記述がおかしいのか、非同期で更新されません。
現在の状況は、フォローする、フォロー解除を押すとそのままのページから動かず
フォローをカウントする部分を増えたり減ったりしないです。ただ、ページを再読み込みすると
フォロー数に変化があります。

☆データベースにも保存、削除されているのが確認できています。

以下のリンクを参考にしながら作りました。
https://qiita.com/yuto_1014/items/8d508b84fd0c2316ba01

ほぼリンク先と同じになっております。

ブラウザーで気になるエラーが500 Interent serve errorとでて、
http://localhost:3000/relationships/3、
jquery3.self-2a83d06853bd343c7bfc2e5d4539814cfa934676e2948ed348311435eca862f5.js?body=1:10100 と表示されます。

すいません、自分が知識不足もありこれがjavascriptが読み込めてないのか、またはその他のエラーかも
わかっていません。
どなたかご教授お願いいたします。

以下が自身のコードとなっております。

rails 5.2.4.4
jquery-rails 4.4.0

Gemfile.rb

gem 'pry-rails'
gem 'compass-rails', '3.1.0'
gem 'sprockets', '3.7.2'
gem 'devise'
gem 'jquery-rails'  and 'turbolinks'

application.js

//= require jquery3
//= require jquery_ujs
//= require turbolinks
//= require activestorage
//= require_tree .

views/layouts/application.html.erb

    <%= csrf_meta_tags %>
        <%= csp_meta_tag %>
            <%=
    stylesheet_link_tag'application', media: 'all', 'data-turbolinks-track':
    'reload' %>
                <%= javascript_include_tag'application',
    'data-turbolinks-track': 'reload' %>
</head>

routes.rb

Rails.application.routes.draw do
  # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
  devise_for :users

  root 'home#index'
  resources :writes do
    resources :comments, only: [:create]
  end
  resources :users do
    member do 
      get :following, :followers
    end
  end
  
  resources :relationships, only: [:create, :destroy]


end

user.rb

class User < ApplicationRecord
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :validatable
has_many :writes, dependent: :destroy
has_many :comments
has_many :likes

has_many :following_relationships, foreign_key: "follower_id", class_name: "Relationship",  dependent: :destroy
has_many :following, through: :following_relationships
has_many :follower_relationships, foreign_key: "following_id", class_name: "Relationship", dependent: :destroy
has_many :followers, through: :follower_relationships

#フォローしているかを確認するメソッド
def following?(user)
 following_relationships.find_by(following_id: user.id)
end

#フォローするときのメソッド
def follow(user)
 following_relationships.create!(following_id: user.id)
end

#フォローを外すときのメソッド
def unfollow(user)
 following_relationships.find_by(following_id: user.id).destroy
end
end

class Relationship < ApplicationRecord
  belongs_to :follower, class_name: "User"
  #自分がフォローしているユーザー
  belongs_to :following, class_name: "User"
  #バリデーション
  validates :follower_id, presence: true
  validates :following_id, presence: true
end

users_controller

class UsersController < ApplicationController

  def index
    @users = User.all
  end

  def edit
    @user  = User.find(params[:id])
    @writes = @user.writes
  end

  def update
    user = User.find(params[:id])
    if user.id == current_user.id
      user.update(user_params)
      redirect_to action: :show
    end
  end

  def show
      @user  = User.find(params[:id])
      @writes = @user.writes
     
  end

  def following
    #@userがフォローしているユーザー
    @user  = User.find(params[:id])
    @users = @user.following
    render 'show_follow'
end

def followers
    #@userをフォローしているユーザー
    @user  = User.find(params[:id])
    @users = @user.followers
    render 'show_follower'
end

  private 
  def user_params
    params.permit(:email, :genre, :url_link, :introduce, :word)
  end


end

relationship_controller.rb

class RelationshipsController < ApplicationController
  
  def create
    @user = User.find(params[:following_id])
    current_user.follow(@user)
  end

  def destroy
    @user = User.find(params[:id])
    current_user.unfollow(@user)
  end
end

ビュー関連

views/users/show.html.erb

            <div class="follower">
                <%= link_to followers_user_path(@user.id) do %>
                    <h5 style="color: black">フォロワー
                        <%= @user.followers.count %>人</h5>
                    <% end %>
            </div>
            <div class="follow">
                <%= link_to following_user_path(@user.id) do %>
                    <h5 style="color: black">フォロー
                        <%= @user.following.count %>人</h5>
                    <% end %>
            </div>
            <div>
                <%= render "follow_form" %>
            </div>

views/users/_follow_form.html.erb

<% if user_signed_in? && @user != current_user %>
    <div id="follow_form">
        <% if current_user.following?(@user) %>
            <%= render "unfollow" %>
                <% else %>
                    <%= render "follow" %>
                        <% end %>
    </div>
    <% end %>

view/users/_follow.html.erb

<!-- フォローボタン ------------------------------------------------------------------>
<%= form_for(current_user, url: relationships_path, method: :post, remote: true) do |f| %>
    <%= hidden_field_tag :following_id, @user.id %>
        <%= f.submit "フォローする" %>
            <% end %>

view/relationships/create.js.erb

$("#follow_form").html("<%= j(render("users/users/unfollow")) %>");

users/_unfollow.html.erb

<!-- フォロー解除ボタン ------------------------------------------------------------------>
<%= form_for(current_user, url: relationship_path(@user), method: :delete, remote: true) do |f| %>
    <%= f.submit "フォロー解除" %>
        <% end %>

relationships/destroy.js.erb

$("#follow_form").html("<%= j(render("users/users/follow")) %>");