Ajax通信でコメントを投稿をしたい

Question

質問内容・実現したいこと

実現したいこと

掲示板にAjaxにてコメント投稿ができるようになりたいです。

なぜ、このようなエラーになったのか検討もつきません。。

ご教授いただけると幸いです。

よろしくお願いします。

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

NoMethodError (undefined method `save　' for #<Comment:0x00007fc2f660a728>):

どの処理までうまく動いているのか

・検証ツールにてAjax通信はできていることは確認できました。

・ パラメータに中身があることも確認できました。

From: /Users/mark_naito/workspace/runteq/RUNTEQ_basic_level/948_mmmaaarrrkkk000_runteq_learning_basic/app/controllers/comments_controller.rb @ line 4 :

    1: class CommentsController < ApplicationController
    2:   def create
    3:     @comment = current_user.comments.build(comment_params)
 => 4:     binding.irb
    5:     @comment.save　 
    6:   end
    7: 
    8:   def destroy
    9:   end

irb(#<CommentsController:0x00007fc2f5379910>):001:0> @comment
=> #<Comment id: nil, body: "ddd", user_id: 2, board_id: 9, created_at: nil, updated_at: nil>
irb(#<CommentsController:0x00007fc2f5379910>):002:0> comment_params
=> <ActionController::Parameters {"body"=>"ddd", "board_id"=>"9"} permitted: true>

該当のソースコード

< comment_controller.rb >

class CommentsController < ApplicationController
  def create
    @comment = current_user.comments.build(comment_params)
    @comment.save　 
  end

  private

  def comment_params
    params.require(:comment).permit(:body).merge(board_id: params[:board_id])
  end
end

< comments/_form.html.erb >

<!-- コメントフォーム -->
  <div class="row mb-3">
    <div class="col-lg-8 offset-lg-2">
      <%= form_with model: comment, url: [board, comment] do |f| %> 
        <div class="form-group">
          <%= f.label :body %>
          <%= f.text_area :body, class: 'form-control mb-3', id: 'js-new-comment-body', row: 4, placeholder: Comment.human_attribute_name(:body) %>
          <%= f.submit '投稿', class: 'btn btn-primary' %>
        </div>  
      <% end %>
    </div>  
  </div>

< comments/create.js.erb >

$("#js-table-comment").html("<%= j(render('comments/comment', comments: @comment )) %>");
$("#js-new-comment-body").val('')

< comments/comment.html.erb >

<% comments.each do |c| %>
  <tr id="comment-<%= c.id %>">
     <td style="width: 60px">
         <%= image_tag 'sample.jpg', class: "rounded-circle", size: '50x50' %>
     </td>
     <td> 
       <h3 class="small"><%= c.user.decorate.full_name %></h3>
       <div id="js-comment-<%= comment.id %>">
         <%= simple_format(comment.body) %>
       </div>
       <div id="js-textarea-comment-box-<%= c.id %>" style="display: none;">
        <textarea id="js-textarea-comment-<%= c.id %>" class="form-control mb-1"><%= comment.body %></textarea>
        <button class="btn btn-light js-button-edit-comment-cancel" data-comment-id="<%= c.id %>">キャンセル</button>
        <button class="btn btn-success js-button-comment-update" data-comment-id="<%= c.id %>">更新</button>
       </div>
     </td>
     
    <% if current_user.own?(c) %>
     <td class="action">
         <ul class="list-inline justify-content-center" style="float: right;">
           <li class="list-inline-item">
             <a href="#" class='js-edit-comment-button' data-comment-id="<%= c.id %>">
               <%= icon 'fa', 'pen' %>
             </a>  
           </li>
           <li class="list-inline-item">
             <a href="#" class='js-delete-comment-button' data-comment-id="<%= c.id %>">
               <%= icon 'fas', 'trash' %>
             </a>
           </li>
         </ul>
       </td>  
    <% end %>
  </tr>
<% end %>

< boards/show.html.erb >

<% content_for(:title, @board.title) %>
<div class="container pt-5">
  <div class="row mb-3">
    <div class="col-lg-8 offset-lg-2">
      <h1><%=  t('.title') %></h1>
      <!-- 掲示板内容 -->
      <article class="card">
        <div class="card-body">
          <div class='row'>
            <div class='col-md-3'>
              <%= image_tag @board.board_image.url, class: 'card-img-top img-fluid', size: '300x200' %>
            </div>
            <div class='col-md-9'>
              <h3 class="d-inline"><%= @board.title %></h3>
                <%= render 'card_menus', board: @board if current_user.own?(@board) %>
                <ul class="list-inline">
                  <li class="list-inline-item">by <%= @board.user.decorate.full_name %></li>
                  <li class="list-inline-item"><%= l @board.created_at, format: :long %></li>
                </ul>  
            </div>
          </div>
          <%= simple_format(@board.body) %>
        </div>
      </article>
    </div>
  </div>
    <%= render 'comments/form', { board: @board, comment: @comment } %>

    <!-- コメントエリア -->
    <div class="row">
      <div class="col-lg-8 offset-lg-2">
        <table id="js-table-comment" class="table">
          <%= render 'comments/comment', { comments: @comments } %>
        </table>
      </div>
    </div>
</div>

エラーから考えられる原因

試したこと

参考にしたUR

Answer 1

def create
    @board = Board.find(params[:board_id])
    @comment = @board.comments.build(comment_params)
    @comment.user_id = current_user.id
    @comment.save
end