问题标签 [turbo-rails]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1852 浏览

ruby-on-rails - 带有 Devise 的 Turbo-Rails 不会始终如一地重定向 Rails 6.1.3 Devise 4.7.3 Turbo Rails 0.5.9

这是https://github.com/hotwired/turbo-rails/issues/122的伴侣

复制应用代码:https ://github.com/jasonfb/TR001

使用 Rails 6.1.3

设计 4.7.3

涡轮导轨 0.5.9


症状 1 :
-- 使用 Turbo-Rails + Devise

当我单击“登录”时,表单提交但页面没有重新加载。

第 1 步:转到

/用户/登录

输入一个好的用户名和密码(您可以在命令行注册或制作一个)

在此处输入图像描述

点击“登录”

在此处输入图像描述

在后端,请求被处理甚至重定向,但重定向没有在前端发生。即使您的页面挂起并且没有重定向,您(用户)实际上也已登录。

在此处输入图像描述

结果:页面挂起。预期结果:Turbo Rails 正确重定向


症状 2

当我单击“注销”时,页面什么也不做。在后端我实际上已注销,但页面没有改变。如果我重新加载,我会看到我现在已注销

第一步:登录

第二步:点击“退出” 在此处输入图像描述

请注意,按钮保持“灰色”(单击),请求在后端处理:

在此处输入图像描述

结果:页面挂起

预期结果:用户退出后页面跳转

用户实际上已注销,但页面挂起且未重定向。

0 投票
1 回答
237 浏览

ruby-on-rails - Rails 6.1 中没有 bin/bundle 文件,无法获取 TURBO_STREAM 请求格式

当我运行 rails turbo:install 它时Errno::ENOENT: No such file or directory - bin/bundle

在带有 turbo-rails gem (v0.5.9) 的新 rails 6.1.3 应用程序中没有 bin/bundle 文件

我不知道这是否与请求不会作为 TURBO_STREAM 发送的事实有关,即使它来自 Turbo Frame 内的链接。

任何线索如何解决?


更新:我从另一个发送 TURBO_STREAM 格式的应用程序复制了 bin/bundle,但它仍然只在新应用程序中发送 HTML (webpacker@^6.0.0-beta.5)。

0 投票
1 回答
900 浏览

ruby-on-rails - Rails turbo 帧响应未触发 turbo:load

我有一个使用Turboshow的标准内联编辑,它将视图的涡轮框架替换为_form. 但$(document).on "turbo:load", ->在这种情况下,事件不会触发。

我没有看到另一个应该使用的事件。任何想法如何在替换涡轮框架的响应上运行 js?(例如在表单中初始化日期选择器)

0 投票
0 回答
479 浏览

ruby-on-rails - Rails Turbo Frame Tag错误的参数数量错误

我已从 rails 6.0 升级到 rails 6.1 并尝试使用 Hotwire,但在尝试运行我的应用程序时出现错误:

我在edit.html.erb中的代码:

我的 _form.html.erb 中的代码:

我的 show.html.erb 中的代码:

有人知道我在升级过程中可能错过了什么吗?我跑了rails turbo:installrails hotwire:install还是我在涡轮框架标签中遗漏了什么?

0 投票
2 回答
2153 浏览

ruby-on-rails - Turbo_stream 格式不再发送

我们目前正在努力将我们的网络应用搜索引擎从 Stimulus 更改为 Turbo。

然而,我们不断从我们的脚本中收到一个 HTML 请求而不是 Turbo 请求,并出现错误:“</p>

我们使用的是 7.0.0-beta.5 Turbo 版本。

看法

有什么建议吗?

0 投票
1 回答
816 浏览

ruby-on-rails - 带涡轮导轨的导轨 6。popper.js 未在整页加载时加载

我对 rails 和 webpacker 非常陌生,无法弄清楚这里发生了什么。当我从浏览器的地址栏中“完全加载”我的应用程序时,工具提示和弹出框没有被实例化,并且我收到如下错误:

  • application.js:32 Uncaught TypeError: $(...).tooltip 不是函数

但是,当我从应用程序中加载页面时(单击导航栏中的链接),工具提示和弹出框按预期工作。另外,如果我去 chrome 控制台并手动实例化它们,工具提示和弹出框开始工作:

$('[data-bs-toggle="tooltip"]').tooltip();

以下是我认为相关的一些配置:

包/application.js

webpack/environment.js

webpack/custom.js:

布局/application.html.erb:

包.json:

0 投票
1 回答
180 浏览

ruby-on-rails - Hotwire Rails - 无法在模块外使用导入语句

我在现有的 Rails 项目中安装了 hotwire-rails。在编写任何与热线相关的代码之前,我在每个页面的浏览器控制台上都会收到以下错误:

Uncaught SyntaxError: Cannot use import statement outside a moduleapplication.debug-86...95.js:53462

错误所指的行是这样的:

我正在使用带有 Sprockets 的 Rails 6.1.3.1 作为资产,我之前只在使用 webpack 的 Rails 项目中使用过热线,所以不确定这是否与它有关。

0 投票
1 回答
54 浏览

ruby-on-rails - Rails Hotwire + 管理员命名空间

我有一个运行 rails 6.1.3.2 的应用程序。我开始迁移以使用 hotwire 而不是 ujs。我的应用程序使用管理命名空间来允许用户进行编辑,通过它创建项目。下面的示例路线 -

通过管理视图对 进行更新时event_attachmentturbo_stream不会在管理视图中处理部分内容,而是在EventAttachmentsController. 我不确定它为什么这样做 - 任何建议都将不胜感激。

管理员:EventAttachmentsController -

这是我的表格样本admin/event_attachments-

Rails 服务器日志(作为测试,我在主 event_attachments 视图中创建了一个部分) -

0 投票
2 回答
515 浏览

ruby-on-rails - 新的 Rails 7 Turbo 应用程序不显示 data-turbo-confirm 警报消息不触发(turbo-rails 7.1.0 和 7.1.1)

在 2021 年或 2022 年创建的新 Rails 7 应用程序,当我单击带有 的表单时data-turbo-confirm,不会显示警报消息。

生成的 HTML 是 在此处输入图像描述

页面加载到:

在此处输入图像描述

单击删除时,不会显示任何警报:

在此处输入图像描述

预期结果: • 确认按钮操作的警报消息

实际结果: • 不显示警报

0 投票
0 回答
74 浏览

turbolinks - 将刺激点击动作添加到 Turbo 链接?

我正在使用 turbo 加载的框架上方的“编辑”按钮在显示页面上进行内联编辑功能。尝试在编辑按钮上添加一个切换,它在编辑模式下切换到取消按钮。

认为一个简单的刺激控制器可以解决问题,除非您添加data-action="click->edit-button#toggle"覆盖按钮上的 turbo 动作的。想法?想法?