0

我有一个 Turbo Stream 没有更新视图，我不知道为什么。我在类似的配置中设置了另外两个广播，它们工作正常。

从我所看到的来看，一切看起来都应该正常工作，我只是没有在前端获得更新。我错过了一些明显的东西吗？

# partial
<%= turbo_stream_from 'team_players' %>
<div id="players_<%= dom_id(team)%>"
    <% team.players.each do |player| %>
        <%= render player %>
    <% end %>
</div>

# player model
class Player < ApplicationRecord
belongs_to :team

    after_create_commit  do
        broadcast_prepend_to(
            'team_players',
            target: "players_team_#{team.id}",
            locals: { player: self }
        )

    end
end

# server log
Started GET "/cable" for 127.0.0.1 at 2022-02-16 11:45:13 +0000
Started GET "/cable/" [WebSocket] for 127.0.0.1 at 2022-02-16 11:45:13 +0000
Successfully upgraded to WebSocket (REQUEST_METHOD: GET, HTTP_CONNECTION: keep-alive, Upgrade, HTTP_UPGRADE: websocket)
Turbo::StreamsChannel is transmitting the subscription confirmation
Turbo::StreamsChannel is streaming from team_players


# console log after manually creating a player for team 9 (exert)
...
 Rendered players/_player.html.erb (Duration: 0.3ms | Allocations: 99)
[ActionCable] Broadcasting to team_players: "<turbo-stream action=\"prepend\" target=\"players_team_9\"><template><div id=\"player_1885\">\n  <p>\n    <strong>ID:</strong>\n    1885\n  </p>\n\n  <p>\n    <strong>User:</strong>\n    3820748f-d9d3-400e-ac90-6149800a0e68\n  </p>\n\n  <p>\n    <strong>Team:</strong>\n    9\n  </p>\n\n  <p>\n   ...
=> 
#<Player:0x00007fba5fa12568
...

任何帮助或指针表示赞赏！

4

2 回答 2

1

看来我错过了 turbo-rails 安装过程中的第 4 步：https ://github.com/hotwired/turbo-rails#installation

运行后：./bin/rails turbo:install:redis一切都从命令行运行。

如果没有这一步，事情仍然可以通过单独的浏览器会话进行。

感谢Twitter 上的 David Colby找到了修复程序。

于 2022-02-21T07:39:30.060 回答
0
  • 使用turbo_frame_tag而不是div
  <%= turbo_frame_tag "team" do %>
     <% team.players.each do |player| %>
        <%= render player %>
    <% end %>
  <% end %>
  • Turbo Streams 将页面更改作为包装在自执行元素中的 HTML 片段提供。
于 2022-02-18T10:00:31.987 回答