Турбо-потоки Hotwire возвращают head: no_content

У меня есть система постов и комментариев, каждый Post has_many Commentс. Я пытаюсь настроить турбо-поток, чтобы при публикации комментария он отображался сразу.

Все работает в том, что данные сохраняются в базе данных, но похоже, что турбо-поток не возвращается должным образом. Когда я нажимаю кнопку "комментарий", ничего не меняется, и я получаю сообщение для CommentsController#create

        ↳ app/controllers/comments_controller.rb:11:in `create'
[ActiveJob] Enqueued Turbo::Streams::ActionBroadcastJob (Job ID: b0be3a08-d7bb-4216-aac5-2f274a22dcbf) to Async(default) with arguments: "Z2lkOi8vY2lhby9Qb3N0LzM", {:action=>:append, :target=>"comments", :locals=>{:comment=>#<GlobalID:0x00007fa94123baf8 @uri=#<URI::GID gid://ciao/Comment/16>>}, :partial=>"comments/comment"}
[ActiveJob] Enqueued Turbo::Streams::ActionBroadcastJob (Job ID: 382e45b4-7a8f-4c8c-9e48-819fab0c19c4) to Async(default) with arguments: "Z2lkOi8vY2lhby9Qb3N0LzM", {:action=>:replace, :target=>#<GlobalID:0x00007fa9401ea938 @uri=#<URI::GID gid://ciao/Comment/16>>, :locals=>{:comment=>#<GlobalID:0x00007fa9401ea0f0 @uri=#<URI::GID gid://ciao/Comment/16>>}, :partial=>"comments/comment"}
No template found for CommentsController#create, rendering head :no_content
Completed 204 No Content in 37ms (ActiveRecord: 8.5ms | Allocations: 8931)

Turbo, похоже, работает, поскольку создает комментарий в базе данных и отправляет обратно запрос POST комментариев, который я вижу на вкладке сети браузера. Мне интересно, почему есть :no_content и почему комментарии не отображаются до обновления страницы.

Place.rb

      class Post < ApplicationRecord
  belongs_to :place
  has_many :comments
  broadcasts
end

Comment.rb

      class Comment < ApplicationRecord
  belongs_to :post
  broadcasts_to :post
end

comment_controller.rb

      def new
    @comment = @post.comments.new
  end

  def create
    @comment = current_user.comments.create!(comment_params)
    respond_to do |format|
      if @comment.save
        format.turbo_stream
        format.html { redirect_to @comment.post.place }
      end
    end
  end

К посту я добавляю комментарий как частичный:

       <div class="post__comments--inner">
   <%= render '/comments/show', post: post %>
 </div>

потом comments/_show.html.erb

        <%= turbo_stream_from post %>
  <%= render post.comments %>
  <% puts post.comments %>
  <div class="comments__post">
    <%= turbo_frame_tag "new_comment", src:  new_post_comment_path(post), target: "_top" %>
  </div>

_comment.html.erb

      <div class="comment" id="<%= dom_id comment %>">
  <%= comment.content %>
</div>

new.html.erb

      <%= turbo_frame_tag "new_comment", target: "_top" do %>
  <%= form_with model: [@comment.post, @comment], class: "comment-row__form",
     data: { controller: "reset_form", action: "turbo:submit-end->reset_form#reset" }  do |form| %>
      <%= form.text_area :content, class: "comment-form--input form-control", data: {target: "comments.body"} %>
      <%= form.hidden_field :post_id, value: @comment.post.id %>
      <%= form.submit "comment", class: "btn btn-primary mt-2 mt-sm-0 ml-sm-3" %>
 
  <% end %>
<% end %>

1 ответ

Попробуйте следовать этому примеру из документации:

       respond_to do |format|
  format.turbo_stream do
    render turbo_stream: turbo_stream.append(:comments, partial: "comments/comment",
      locals: { comment: @comment })
  end
 end

Это должно добавить его к div в вашем html с идентификатором комментариев.

Другие вопросы по тегам