コメントを投稿できるようにしたいが、form_withの部分でエラーが出ます。

Question

前提・実現したいこと

チャットをフォームから入力して投稿させるのが目的です。

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

投稿ボタンを押すと下のエラーが出ます。#show.html.erbの<%= form_with (model: [@prototype, @comment],local: true) do |f|%>の部分でよくエラーが出ます。

ActionView::SyntaxErrorInTemplate in PrototypesController#show

Encountered a syntax error while rendering template: check <main class="main"> <div class="inner"> <div class="prototype__wrapper"> <p class="prototype__hedding"> <%= @prototype.title %> </p> <%= link_to "by #{@prototype.user.name}", root_path, class: :prototype__user %> <%# プロトタイプの投稿者とログインしているユーザーが同じであれば以下を表示する %> <% if user_signed_in? && current_user.id == @prototype.user_id %> <div class="prototype__manage"> <%= link_to "編集する", edit_prototype_path, class: :prototype__btn %> <%= link_to "削除する", prototype_path(@prototype.id), method: :delete, class: :prototype__btn %> </div> <% end %> <%# // プロトタイプの投稿者とログインしているユーザーが同じであれば上記を表示する %> <div class="prototype__image"> <%= image_tag @prototype.image %> </div> <div class="prototype__body"> <div class="prototype__detail"> <p class="detail__title">キャッチコピー</p> <p class="detail__message"> <%= @prototype.catch_copy %> </p> </div> <div class="prototype__detail"> <p class="detail__title">コンセプト</p> <p class="detail__message"> <%= @prototype.concept %> </p> </div> </div> <div class="prototype__comments"> <%# ログインしているユーザーには以下のコメント投稿フォームを表示する %> <% if user_signed_in? %> <%= form_with (model: [@prototype, @comment],local: true) do |f|%> <div class="field"> <%= f.label :content, "コメント" %><br /> <%= f.text_field :content, id:"comment_content" %> </div> <div class="actions"> <%= f.submit "送信する", class: :form__btn %> </div> <% end %> <% end %> <%# // ログインしているユーザーには上記を表示する %> <ul class="comments_lists"> <%# 投稿に紐づくコメントを一覧する処理を記述する %> <li class="comments_list"> <%# <%= " コメントのテキスト "%> <%# <%= link_to "（ ユーザー名 ）", root_path, class: :comment_user %> </li> <%# // 投稿に紐づくコメントを一覧する処理を記述する %> </ul> </div> </div> </div> </main>

該当のソースコード

#routes.rb
devise_for :users
  root to: "prototypes#index"
  resources :prototypes do
    resources :comments, only: [:create]
  end

#comments_controller.rb
def create
    
      @comment = Comment.new(comment_params)
      if @comment.save
        redirect_to prototype_path(@comment.tweet)
      else
        @prototype = @comment.prototype
        @comments = @prototype.comments
        render "prototypes/show" 
      end
  end

  private

  def comment_params
    params.require(:comment).permit(:content).merge(user_id: current_user.id, prototype_id: params[:prototypes_id])
  end

#prototypes_controller.rb
 def index
    @prototypes = Prototype.all
  end

  def new
    @prototype = Prototype.new
  end

  def create
    @prototype = Prototype.new(prototype_params)
    if @prototype.save
      redirect_to root_path(@prototype)
    else 
      render :new
    end
  end

  def show
    @prototype = Prototype.find(params[:id])
    @comment = Comment.new
    @comments = @prototype.comments.includes(:user)
  end

  def edit
    @prototype = Prototype.find(params[:id])
  end

  def update
    @prototype = Prototype.find(params[:id])
     if @prototype.update(prototype_params)
      redirect_to root_path
    else
      render :edit
    end
  end

  def destroy
    prototype = Prototype.find(params[:id])
    prototype.destroy
    redirect_to root_path

  end
  private

  def prototype_params
    params.require(:prototype).permit(:title, :catch_copy, :concept, :image).merge(user_id: current_user.id)
  end

#show.html.erb
<% if user_signed_in? %>
           <%= form_with (model: [@prototype, @comment],local: true) do |f|%>
            <div class="field">
               <%= f.label :content, "コメント" %><br />
               <%= f.text_field :content, id:"comment_content" %>
            </div>
            <div class="actions">
               <%= f.submit "送信する", class: :form__btn  %>
            </div>
           <% end %>

試したこと

同じような質問の確認。コントローラーとルーティング等の見直し。
何回も調べたり、確認をしたりしましたが、わかりませんでした。

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

Answer 1

ActionView::SyntaxErrorInTemplate だから、文字通り、文法エラーですね。

おそらく、入ってはいけない空白が入っているのが問題だと推測します。以下でどうでしょうか。

<%= form_with(model: [@prototype, @comment],local: true) do |f| %>
         <%# ↑ 原文はここに余計な空白がある %>

Comments

[sewwolf]

ありがとうございます。解決しました。