rails: javascript/jQuery 回调被触发两次

Question

Rails 版本 5.1.3

具体来说，它是assets/javascripts/channels/my_channel.coffee 中的代码，通道 js 客户端代码所在的位置，以及其他通用 js 代码。我正在使用可操作电缆。但是一般的 jQuery/javascript 回调也会受此影响。在 javascript 中重写 jQuery append 并没有什么不同。

所有回调都被触发两次。也就是说，回调触发后要执行的函数被调用了两次，包括订阅频道和$(document).ready。具体来说，如果我把

$(some_id_name).append some_string

在$(document).ready的事件函数中，会被追加两次。我也将可操作的频道订阅实例视为回调。用户发送消息调用receive方法触发实例。所以该方法中的代码也被执行了两次。 append 就我而言。

可能是整个 js 文件被加载了两次。但是怎么做呢？

这只发生在测试和生产环境（Heroku）中，不会发生在开发环境中。暗示什么？

我通过 3 个步骤彻底删除了 turbolinks，您可以通过在线搜索找到。在application.js 中只包含一次jquery 和rails-ujs，不包含jquery_ujs。不存在public/assets。

my_channel.coffee 的一部分如下所示。所有自定义函数都包含多个回调，例如 click、keydown。如果我对他们使用unbind 和bind 它将解决问题。但我不能将此应用于$(document).ready 和频道订阅实例。

$(document).ready ->
  $('#messages').append "document is ready"
  submitQuestion()
  submitAnswer()
  hideJudgeForm()
  return

在application.js

//= require jquery
//= require rails-ujs
//= require bootstrap
//= require spin.js/spin
//= require_tree .

Answer 1

嗯，我要做的第一件事就是检查我没有任何其他文件，包括文件my_channel.coffee。既不是另一个捆绑包的一部分，也不是javascript_include_tag。

之后，我会尝试删除我所有文件中的require_tree .，并将其替换为我希望 Rails 作为捆绑包的一部分加载的特定文件列表。因此，您可能有两个不同的文件间接导入 my_channel.coffee。