あ【rails Ajax】コメント機能で、renderが上手くきかず「Template is missing」エラーになる。

Question

前提・実現したいこと

コメント機能にAjaxを用いて非同期で作動するように実装しています。
コメント削除のAjaxは作動するようになったのですが、コメント投稿のAjaxがエラーになります。

エラー内容はcomments/indexにrenderで飛ぼうとした際に「Template is missing」になります。しかし、index.js.hamlは作成済みなので、このエラーになぜなるのか不明です。
ご教授いただけると幸いです。

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

コンソールエラーは「comments:1 POST http://localhost:3000/cafeterias/3/comments 500 (Internal Server Error)」です。

該当のソースコード

 def create
    @cafeteria = Cafeteria.find(params[:cafeteria_id])
    @comment = @cafeteria.comments.build(comment_params)
    @comment.user_id = current_user.id
    if @comment.save
      render :index
    end
  end
  def destroy
    @comment = Comment.find_by(id: params[:id],cafeteria_id: params[:cafeteria_id])
    @comment.destroy!
    render :index if @comment.destroy
  end

  private
  def comment_params
    params.require(:comment).permit(:text).merge(user_id: current_user.id, cafeteria_id: params[:cafeteria_id])
  end
end

.container
  - if current_user
    = form_with model: [@cafeteria, @comment], class: "form", url: "/cafeterias/#{@cafeteria.id}/comments", local: true do |f|
      .field
        = f.label :text, "コメントを投稿する", class: "comment-label"
        = f.text_area :text, placeholder: "コメント内容", rows: "3"
      = f.submit "SEND", class: "comment-btn"
  - else
    %strong
      %p.comment-caution ※※※ コメントの投稿には新規登録/ログインが必要です ※※※
  .comments
    %h4 ＜コメント一覧＞
    - if @comments
      #comments_area
        = render partial: 'comments/index', locals: { comments: @comments }

- comments.each do |comment|
  %p
    %strong
      = link_to comment.user.username, "/users/#{comment.user_id}"
      ：
    = comment.text
    = comment.created_at.strftime("(%Y年%m月%d日 %H時%M分)")
    - if user_signed_in? && current_user.id == comment.user_id
      = link_to icon('fas', 'trash-alt'), cafeteria_comment_path(comment.cafeteria.id, comment.id), method: :delete, class: "comment-delete", remote: true, data: { confirm: '削除してよろしいですか？' }

$('#comments_area').html("#{j(render 'index',{ comments: @comment.cafeteria.comments })}");
$('text_area').val('')

試したこと

参考サイト
このサイトの通り進めました。コメント削除の非同期通信は成功しているのですが、コメント投稿のみが上手くいきません。

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

rails 5.2.4.2

Answer 1

form_withにremote: trueを追記すると解決できた。