使用turbolink 5.2时，Javascript方法触发两次。0

Question

问题:

我有一个基于Spree 3.7和Rails 5.2构建的电子商务应用程序，现在我面临turbolink（5.2.0版）问题，在这个问题中，我已经实现了用于向购物车添加项目的javascript，但js方法触发了两次，类似的项目两次被添加到购物车中。

我在标题中加入了以下js

<script>
  <%= javascript_include_tag 'spree/frontend/all' %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
</script>

我已经尝试了数据涡轮链接轨道：真/假，但我的问题解决时删除

我从《https://github.com/turbolinks/turbolink》中读到涡轮链接。根据我turbolink是加载javascript方法两次。

对如何解决这个问题有什么建议吗？

评论后这里是我的申请。js文件

// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require activestorage
//= require turbolinks
//= require cable
//= require jquery-ui/widgets/sortable

//= require wishlist
//= require product
//= require cart




Answer 1

所以基本上我能够解决这个问题，根据Turbolink，我们的javascript应该包装在

document.addEventListener("turbolinks:load", function () { ... }

我们的spree函数如addToCartForm等可在$（文档）上运行。ready（）

所以我重写了这些函数，并包裹在turbolink： load中，现在一切正常。

Answer 2

根据您的评论，您可能在本地有两个版本的编译资产。尝试运行rake assets:clobber清除额外的资产。