使用Turbo Stream更新记录遇500错误，任务状态无法实时切换

错误根源 #

500错误的核心原因是**toggle动作中未初始化@tasks_to_complete和@tasks_already_completed实例变量**，导致Turbo Stream模板向局部视图传入了nil值。而_tasks_to_complete.html.erb里的<%= render @tasks %>尝试渲染nil，但nil不是ActiveModel兼容对象，无法实现:to_partial_path方法，因此抛出错误。

分步修复 #

1. 在控制器中补充实例变量初始化 #

修改TasksController的toggle方法，更新任务状态后，重新查询两个列表的最新数据：

def toggle
  @task = @batch.tasks.find(params[:id])
  # 优化状态更新逻辑：仅在标记完成时设置completed_at，取消时清空
  if params[:completed] == 'true'
    @task.update(completed: true, completed_at: DateTime.now)
  else
    @task.update(completed: false, completed_at: nil)
  end
  # 初始化两个列表的实例变量，供Turbo Stream模板使用
  @tasks_to_complete = @batch.tasks.where(completed: false)
  @tasks_already_completed = @batch.tasks.where(completed: true)

  respond_to do |format|
    format.turbo_stream
    format.html { redirect_to batch_tasks_url(@batch), notice: "Updated task status." }
  end
end

2. 修正局部视图的变量引用 #

_tasks_to_complete.html.erb当前依赖实例变量@tasks，但Turbo Stream模板传入的是局部变量tasks，需要修改为：

<%= render tasks %>

同理，_tasks_already_completed.html.erb也要做相同修改（如果它也使用了@tasks）。

3. 确认页面容器ID匹配 #

确保页面上两个任务列表的容器元素ID与Turbo Stream模板中的目标ID一致：

<!-- 待完成任务容器 -->
<div id="tasks_to_complete">
  <%= render "tasks_to_complete", tasks: @tasks_to_complete %>
</div>

<!-- 已完成任务容器 -->
<div id="tasks_already_completed">
  <%= render "tasks_already_completed", tasks: @tasks_already_completed %>
</div>

4. 可选：优化Turbo Stream更新逻辑 #

如果不想重新渲染整个列表，也可以单独移动任务元素，减少DOM操作：
修改toggle.turbo_stream.erb为：

<% if @task.completed? %>
  <%= turbo_stream.remove dom_id(@task) %>
  <%= turbo_stream.append "tasks_already_completed" do %>
    <%= render @task %>
  <% end %>
<% else %>
  <%= turbo_stream.remove dom_id(@task) %>
  <%= turbo_stream.append "tasks_to_complete" do %>
    <%= render @task %>
  <% end %>
<% end %>

这种方式不需要重新查询整个列表，性能更优，但需要确保单个任务的局部视图（如_task.html.erb）能独立渲染。

验证效果 #

完成上述修改后，切换任务状态时：

• 数据库状态会正确更新
• Turbo Stream会自动更新页面上的任务列表，无需刷新
• 500错误会消失

内容的提问来源于stack exchange，提问作者newtoncolbert