Turbo Drive不拦截链接点击（但是Turbo：负载事件火灾）

Question

我正在尝试将Turbo添加到Rails 6.1应用程序中。

它似乎正在加载（请参阅“我尝试过的内容”），但是在单击时，单击似乎并没有截获。我仍在全页重新加载。

谁能帮我发现这里缺少什么？

我尝试

1. 使用console.log（）输出添加了一个事件处理程序，该输出表明 turbo：load 的确被触发了
2. ，确保了 turbo.session.drive = true = true in application.js
3. 甚至尝试将 data-turbo =“ true” 添加到＆lt; main＆gt; 标签，但这似乎没有任何区别。鉴于PT，也许并不奇怪。 2。Firefox
4. 和Chrome

设置

// app/javascript/application.js

import { Turbo } from "@hotwired/turbo-rails"
Turbo.session.drive = true

# config/importmap.rb

pin 'application', preload: true
pin '@hotwired/turbo-rails', to: 'turbo.js'

// Debugging statement 

document.addEventListener('turbo:load', function() {
  console.log('turbo:load');
})

Answer 1

因此，我发现仅包含Google Analytics（分析）4脚本标签＆lt; head＆gt; 导致Turbo不起作用：

<script async src="https://www.googletagmanager.com/gtag/js?id=<OUR ID>"/>

原因？ GA4的自动出站链接点击跟踪，我们已启用。有一个关于此的Github最新问题。正如评论中提到的：

“ ...似乎他们在链接单击事件上称Destractefault，即使
这不是出站点击。 Turbo然后确定这不是因此，允许导航按正常进行“

”

方式继续前进。