RailsTutorial/アレンジしたコードでエラーメッセージを出したい

Question

アクセスいただきありがとうございます。
私は独学でプログラミングを学んでおります。
現在、Rails tutorialをBootstrap4&RSpecを利用し、アレンジしたコードを書いて勉強しています。

ユーザー登録機能を実装している最中なのですが、
登録失敗時のエラーメッセージが出ません。

公式で書かれたコードは↓です。

 <% provide(:title, 'Sign up') %>
<h1>Sign up</h1>

<div class="row">
  <div class="col-md-6 col-md-offset-3">
    <%= form_for(@user) do |f| %>
      <%= render 'shared/error_messages' %> 

      <%= f.label :name %>
      <%= f.text_field :name, class: 'form-control' %>

      <%= f.label :email %>
      <%= f.email_field :email, class: 'form-control' %>

      <%= f.label :password %>
      <%= f.password_field :password, class: 'form-control' %>

      <%= f.label :password_confirmation, "Confirmation" %>
      <%= f.password_field :password_confirmation, class: 'form-control' %>

      <%= f.submit "Create my account", class: "btn btn-primary" %>
    <% end %>
  </div>
</div>

自分がアレンジして、form_withを使ったコードが↓です。

<% provide(:title, 'SignUp') %>
<h1>Sign up</h1>


<div class="row">
  <div class="col-md-6 offset-md-3">
    <%= form_with model: @user do |f| %>
      <%= render 'shared/error_messages' %> 

      <%= f.label :name %>
      <%= f.text_field :name, class: 'form-control' %>

      <%= f.label :email %>
      <%= f.email_field :email, class: 'form-control' %>

      <%= f.label :password %>
      <%= f.password_field :password, class: 'form-control' %>

      <%= f.label :password_confirmation, "Confirmation" %>
      <%= f.password_field :password_confirmation, class: 'form-control' %>

      <%= f.submit "Create my account.", class:"btn btn-primary"%>

    <% end %> 
  </div>
</div>

変更後、ブラウザで実際にユーザー登録をしました。
成功時の処理は上手くいきましたが、失敗時出るはずのパーシャルのエラー文が出ません。

出るはずのパーシャルのコードは以下です。

<% if @user.errors.any? %>
  <div id="error_explanation">
    <div class="alert alert-danger">
      The form contains <%= pluralize(@user.errors.count, "error") %>.
    </div>
    <ul>
    <% @user.errors.full_messages.each do |msg| %>
      <li><%= msg %></li>
    <% end %>
    </ul>
  </div>
<% end %>

登録失敗時のサーバーのログを見ると、

Rendered shared/_error_messages.html.erb (0.6ms)

となっており、パーシャル自体はちゃんと挿入され、表示されているようですが、思ったように表示されていません。

試しにパーシャルに

<%= @user.name %>

を追加してみましたが、@user.nameは出力されませんでした。

以上から、自分なりの分析では@userが上手くパーシャルに伝わってない、form_withの使い方が間違っている（うまく言語化でいませんが、、、）のだと思っています。

ちなみにコントローラーは以下です。

class UsersController < ApplicationController
  def new
    @user = User.new
  end

  def show
    @user = User.find(params[:id])
  end
  
  def create
    @user = User.new(user_params)
    if @user.save
      flash[:success] = "Welcome to the Sample App!"
      redirect_to @user
    else
      render 'new'
    end
  end


    private 
      def user_params
        params.require(:user).permit(:name, :email, :password,:password_confirmation)
      end


end

どなたかご教授よろしくお願いします。
また、他に必要な情報があれば記載しますので、ご助言よろしくお願います。

Answer 1

<%= form_with(model: @user,local: true) do |f| %>

に変更すれば、期待通りの動作になりました。
form_withはデフォルトで非同期通信になることは知っていましたが、それに合わせたjavascriptを書かなければいけないことに気づいていませんでした。