我一直在尝试使用 npm dragula在我的 Electron 应用程序中,并且在努力将模块包含到我的 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 -->
javascriptrequire('dragula')
function dragula () {
dragula([document.getElementById('btnContain2'), document.getElementById('btnContain')]);
}
我已将 Dragula 放入一个函数中,因为没有它,它会返回 dragula is not defined error
然后我运行该代码没有任何错误,但它不起作用。所以我注意到我必须调用我所做的函数。require('dragula')
function dragula () {
dragula([document.getElementById('btnContain2'), document.getElementById('btnContain')]);
}
dragula()
但这会返回 Maximum call stack size exceeded
错误是因为 Dragula 不断地一遍又一遍地调用它自己。在这一点上我不确定该怎么做,我 17 天的 javascript 毫无疑问地让我失望了。非常感谢有关此问题的任何提示以及 future 的提示。
(如果我做了一些愚蠢的事情,请原谅我)
编辑:我已通读 post关于如何解决堆栈大小错误,但不确定如何在我的场景中满足要求。
最佳答案
我设法用下面的代码修复它
var dragula = require('dragula')
dragula([document.getElementById('btnContain2'), document.getElementById('btnContain')]);
祝以后遇到这个问题的其他人好运!
关于javascript - Electron:Dragula 不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65297644/