Electron：Dragula 无法正常工作？

Question

我一直在尝试在我的 electron 应用程序中使用 npm dragula，并且在尝试将模块包含到我的 html 中的正确方法之后（老实说，我仍然不确定) 我遇到了一系列的错误。

我的第一次尝试代码： Html

<div id="btnContain">
      <div class="btnContain1">Button area</div>
      <div class="btnContain1">Button area</div>
      <div class="btnContain1">Button area</div>
      <div class="btnContain1">Button area</div>
      <div class="btnContain1">Button area</div>
      <div class="btnContain1">Button area</div>
      <div class="btnContain1">Button area</div>
      <div class="btnContain1">Button area</div>
      <div class="btnContain1">Button area</div>
      <div id="btnContain2"></div>
    </div>
    </div>
<!-- i have this many because I needed the div to scroll -->

javascript

require('dragula')
      function dragula () {
      dragula([document.getElementById('btnContain2'), document.getElementById('btnContain')]);
      }

我已将 dragula 放入一个函数中，因为没有它，它 returns dragula is not defined error 然后我运行该代码没有任何错误，但它不起作用。所以我注意到我必须调用我所做的函数。

require('dragula')
      function dragula () {
      dragula([document.getElementById('btnContain2'), document.getElementById('btnContain')]);
      }
      dragula()

但是这个 returns Maximum call stack size exceeded 错误是因为 dragula 一直一遍又一遍地重复调用它自己。

在这一点上我不确定该怎么做，我 17 天的 javascript 不出所料地让我失望了。非常感谢有关此问题的任何提示以及今后的提示。

（做了蠢事还请见谅）

编辑：我已经通读了这个 post 关于如何解决堆栈大小错误的内容，但不确定如何在我的场景中提出一个案例。

Answer 1

我设法用下面的代码修复了它

var dragula = require('dragula')
      dragula([document.getElementById('btnContain2'), document.getElementById('btnContain')]);

祝以后遇到此问题的其他人好运！

Electron：Dragula 无法正常工作？

Electron: Dragula not functioning?

html

javascript

electron

dragula