Rails Turbo Frames：更新操作后显示‘Content missing’且视图不更新

常见问题点及修复方案 #

1. 更新动作未返回匹配的Turbo Stream响应 #

默认情况下，Rails的update动作若仅执行redirect_to projects_path，Turbo会尝试以Turbo Stream处理请求，但缺少对应响应时就会出现「Content missing」。

修复：
修改ProjectsController的update方法，返回Turbo Stream来更新目标Frame：

def update
  if @project.update(project_params)
    respond_to do |format|
      format.html { redirect_to projects_path }
      format.turbo_stream do
        render turbo_stream: turbo_stream.replace('projects_list', partial: 'projects/list', locals: { projects: Project.all })
      end
    end
  else
    render :edit
  end
end

2. Turbo Frame ID不匹配 #

Index视图中的Turbo Frame ID必须和控制器中turbo_stream.replace指定的ID完全一致，否则Turbo无法定位到要替换的Frame，导致内容缺失。

检查并修复：
确保Index视图的Frame定义如下：

<%= turbo_frame_tag 'projects_list' do %>
  <%= render 'projects/list', projects: @projects %>
<% end %>

这里的projects_list需与控制器中Turbo Stream的第一个参数完全相同。

3. 表单未启用Turbo支持 #

若更新表单手动关闭了Turbo，会导致请求无法触发Turbo的自动更新逻辑。

修复：
确保表单开启Turbo（默认已开启，若手动关闭需重新开启）：

<%= form_with(model: @project, data: { turbo: true }) do |form| %>
  <!-- 表单字段 -->
<% end %>

4. 缓存导致旧内容残留 #

Turbo或Rails的缓存可能保留了旧的视图内容，导致更新后无法实时显示。

修复：

• 渲染partial时禁用缓存：

<%= render 'projects/list', projects: @projects, cache: false %>

• 控制器中确保查询最新数据集合，比如使用Project.all而非缓存的实例变量。

总结 #

最核心的问题通常是控制器未返回正确的Turbo Stream响应或Turbo Frame ID不匹配，优先排查这两点即可解决「Content missing」问题，实现更新后视图自动刷新。

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