コメント機能にてjsファイルを読み込んでくれない

Question

実現したいこと

ここに実現したいことを箇条書きで書いてください。

• コメント投稿時に指定したjsファイルで読み込んでほしい。

前提

コメント機能にて「コメント」ボタンを押下すると、下記のエラーになってしまいます。
「comments/create.js.erb」にコードを記述していますが、なぜかRails側で「comments/create.html.erb」を呼び出そうとしております。
ブックマーク機能では非同期処理が正常にできているので、
なぜコメント機能だけjsファイルを読み込んでくれないのかが分からずにいます。
再起動等も試してみたのですが、comments/create.js.erbを正しく読み取ってくれません。

どなた様か原因が分かられる方がおられましたら、
ご教示のほどお願いできればと思います。

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

CommentsController#create is missing a template for this request format and variant.
request.formats: ["text/html"]
request.variant: []

該当のソースコード

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

  def destroy
    @comment = current_user.comments.find(params[:id])
    @comment.destroy!
  end

  private

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

<div class="row">
  <div class="col-sm-12 mb-4 text-right">
    <%= form_with model: comment, url: [post, comment], id: 'new_comment' do |f| %>
      <%= f.text_area :body, class: 'form-control mb-3', id: 'js-new-comment-body', row: 4, placeholder: 'コメントを入力してください' %>
      <%= f.submit t('defaults.comment'), class: 'btn btn-primary' %>
    <% end %>
  </div>
</div>
<hr>

<tr id="comment-<%= comment.id %>">
  <td style="width: 60px">
    <%= image_tag 'sample.png', class: 'rounded-circle', size: '30x30' %>
     <a><%= comment.user.name %></a>
  </td>
  <td>
    <h3 class="small"></h3>
    <div id="js-comment-<%= comment.id %>">
      <%= simple_format(comment.body) %>
    </div>
    <div id="js-textarea-comment-box-<%= comment.id %>" style="display: none;">
      <textarea id="js-textarea-comment-<%= comment.id %>" class="form-control mb-1"><%= comment.body %></textarea>
      <button class="btn btn-light js-button-edit-comment-cancel" data-comment-id="<%= comment.id %>">キャンセル</button>
      <button class="btn btn-success js-button-comment-update" data-comment-id="<%= comment.id %>">更新</button>
    </div>
  </td>

  <% if current_user.own?(comment) %>
    <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="<%= comment.id %>">
            <%= icon 'fa', 'pen' %>
          </a>
        </li>
        <li class="list-inline-item">
          <%= link_to comment_path(comment),
              class: 'js-delete-comment-button',
              method: :delete,
              data: { confirm: t('defaults.message.delete_confirm') },
              remote: true do %>
              <%= icon 'fa', 'trash' %>
          <% end %>
        </li>
      </ul>
    </td>
  <% end %>
</tr>

<div class="row">
  <div class="col-lg-8 offset-lg-2">
    <table id="js-table-comment" class="table">
      <%= render comments %>
    </table>
  </div>
</div>

$("#error_messages").remove()
<% if @comment.errors.present? %>
  $("#new_comment").prepend("<%= j(render('shared/error_messages', object: @comment)) %>")
<% else %>
  $("#js-table-comment").prepend("<%= j(render('comments/comment', comment: @comment)) %>")
  $("#js-new-comment-body").val('')
<% end %>

$("tr#comment-<%= @comment.id %>").remove()

resources :posts do
    resources :comments, only: %i[create destroy], shallow: true
    collection do
      get 'bookmarks'
    end
end

試したこと

再起動をすると治ったとの情報がありましたので、
VScodeの再起動、PCの再機能等を行いましたが、うまくいかずでございます。

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

ここにより詳細な情報を記載してください。

Answer 1

「comments/create.js.erb」にコードを記述していますが、なぜかRails側で「comments/create.html.erb」を呼び出そうとしております。

自分の認識では、js.erbファイルを読み込む際はその旨をコントローラに記載する必要があるかと考えられます！
今回はcreateアクションを動かしておりますので、以下の記述の中にjs.erbファイルを読み込む記述を追加してみるといかがでしょうか？

def create
  @comment = current_user.comments.build(comment_params)
  @comment.save
  --ここにjs.erbファイルを読み込む記述を追加--
end

respond_toかrenderで実装できるかなと思います。
（ブックマーク機能ではそういった記述無しでもいけた形ですかね？であればその時は今回みたいにフォームを使用していなかったとかかもしれないです）