Rails 7 + Turbo创建Quote后无法显示Notice消息求助

问题原因 #

当使用Turbo Stream创建Quote时，请求属于局部更新的AJAX类型，和传统HTML重定向请求的逻辑完全不同：

1. 执行format.turbo_stream分支时，format.html里的notice: "Quote was successfully created."不会被触发，这条消息根本没被写入flash哈希。
2. 手动添加的flash[:notice] = "..."会被存在session中，但Turbo Stream不会触发整页刷新，页面上的flash渲染逻辑不会重新执行，只有刷新页面时才会读取session里的flash并显示。

解决方法 #

方法一：在Turbo Stream响应中主动渲染Flash消息

修改控制器的create方法，在Turbo Stream响应中同时插入新Quote和更新Flash消息容器：

def create
  @quote = current_company.quotes.build(quote_params)

  if @quote.save
    respond_to do |format|
      format.html { redirect_to quotes_path, notice: "Quote was successfully created." }
      format.turbo_stream do
        flash[:notice] = "Quote was successfully created."
        render turbo_stream: [
          # 插入新创建的Quote
          turbo_stream.append('quotes', partial: 'quotes/quote', locals: { quote: @quote }),
          # 更新Flash消息容器
          turbo_stream.update('flash_messages', partial: 'shared/flash_messages')
        ]
      end
    end
  else
    render :new, status: :unprocessable_entity 
  end
end

创建app/views/shared/_flash_messages.html.erb局部模板：

<% if flash.any? %>
  <% flash.each do |type, message| %>
    <div class="alert alert-<%= type %>">
      <%= message %>
    </div>
  <% end %>
  <% flash.clear %> <!-- 清除flash避免重复显示 -->
<% end %>

在页面布局（如app/views/layouts/application.html.erb）中添加Flash容器：

<div id="flash_messages"></div>

方法二：使用Turbo内置的Flash消息处理

Rails 7 + Turbo提供turbo_stream.flash方法，可直接在响应中发送Flash消息，Turbo会自动处理显示：

def create
  @quote = current_company.quotes.build(quote_params)

  if @quote.save
    respond_to do |format|
      format.html { redirect_to quotes_path, notice: "Quote was successfully created." }
      format.turbo_stream do
        render turbo_stream: [
          turbo_stream.append('quotes', partial: 'quotes/quote', locals: { quote: @quote }),
          turbo_stream.flash(message: "Quote was successfully created.", type: :notice)
        ]
      end
    end
  else
    render :new, status: :unprocessable_entity 
  end
end

确保页面布局中存在Turbo默认的Flash容器（Rails 7默认布局已包含，若缺失可手动添加）：

<div data-turbo-flash></div>

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