ActiveStorage +简单表单+直接上传创建2个div，而不是1

Question

我正在按照本指南将使用活动存储的直接上传添加到我的Rails应用程序： https://edgeguides.rubyonrails.org/active_storage_overview.html#direct-uploads

我使用了与网站上显示的完全相同的代码（CSS和JS）。

所有内容都很清楚，而且似乎可以正常运行，但是我不知道为什么它会创建2个相同的div而不是1个（因为我仅上传1个文件）。

稍后，随着开始上传，只有第一个div会受到JS更改的影响（正在删除待处理的类等），而第二个则不会，只是在等待轮到他，所以永远不会出现... / p>

编辑：是AddEventListener("direct-upload:initialize", (...)引起的问题，它触发了两次

您知道如何解决此问题吗？

编辑2：这不是一个完美的解决方案，但是我已经放置了一个全局变量，即使事件监听器第二次被触发，条件语句也阻止它添加另一个栏...

解决方案：看来，我两次加入了direct_uploads.js，这就是这一行动的结果