4

我开始使用 hotwire/turbo 并设置了一切。Turbo 流工作正常。

在 index.html.erb 中：

<h1>Tasks</h1>
<%= turbo_stream_from "tasks" %>

<div id="tasks">
  <% @tasks.each do |task| %>
    <%= render task %>
  <% end %>
</div>

在 _task.html.erb 内

<%= turbo_frame_tag dom_id(task) do %>
  <%= link_to 'Edit', edit_task_path(task) %>
  <%= link_to 'Destroy', task, method: :delete, data: { confirm: 'Are you sure?' } %>
  <hr>
<% end %>

当按预期按下销毁按钮时，rails 控制台说：

Started DELETE "/tasks/41" for ::1 at 2021-12-14 18:40:32 +0000
Processing by TasksController#destroy as TURBO_STREAM

但是当按下编辑按钮时，rails 控制台会说：

Started GET "/tasks/41/edit" for ::1 at 2021-12-14 18:41:29 +0000
Processing by TasksController#edit as HTML

这意味着页面会加载一个新页面，呈现 edit.html.erb 而不仅仅是更新 turbo_frame_tag 中的内容。

检查 DOM 时，edit 和 destroy 链接都在一个 turbo-frame 内：

<turbo-frame id="task_41">
  <a href="/tasks/41/edit">Edit</a>
  <a data-confirm="Are you sure?" rel="nofollow" data-method="delete" href="/tasks/41">Destroy</a>
  <hr>
</turbo-frame>

所以我的问题是，为什么请求被处理为 HTML 而不是 TURBO_STREAM ？

edit.html.erb 看起来像这样：

<h1>Editing Task</h1>
<%= turbo_frame_tag dom_id(@task) do %>
    <%= render 'form', task: @task %>
<% end %>
<%= link_to 'Show', @task %> |
<%= link_to 'Back', tasks_path %>

非常感谢！

4

2 回答 2

1

解决了：

在 application.js 中，我仍然有这一行：

require("turbolinks").start()

我删除了这个，解决了这个问题。

于 2021-12-17T09:35:33.710 回答
0

我有同样的问题，我的应用程序没有require("turbolinks").start()要删除的行。

此外，我发现在删除该行时，所有其他 link_to 都将被处理为turbo_stream. 在应用程序开发的任何时候，都需要一个link_to充当 HTML 的。

于 2022-02-06T17:08:56.550 回答