javascript - 尝试将 Shopify 的 Draggable 模块与 svelte 一起使用，但没有成功

Question

关于让 NPM 模块与 svelte 一起工作的任何提示？我正在尝试使用 Shopify 的可拖动模块，但没有成功。似乎可以正常导入，但拖放不起作用。没有错误，没有消息，什么都没有。

我的主要尝试是基于这个例子:https://codepen.io/RoyCurtis/pen/EevgbB

具体来说，我尝试在 App.svelte 文件中按如下方式实现该示例:

import Draggable from '@shopify/draggable';

let dropzones = document.querySelectorAll('.dropzone');

let droppable = new Draggable.Droppable(
  dropzones,
  {
    draggable: '.draggable',
    dropzone:  '.dropzone',
    mirror:    { constrainDimensions: true }
  }
);

这是我当前尝试的 Github 存储库。如上所述，我的开发服务器和浏览器都没有收到任何错误。页面/应用程序加载和显示正常，但没有拖放功能。

https://github.com/mundek/svelte-drag-drop

Answer 1

我没有意识到与可拖动相关的代码无法附加到尚未安装的 DOM 元素。

Svelte Discord channel 上的好心人分享了一个修复程序，现在该应用程序按计划运行:

https://github.com/mundek/svelte-drag-drop/commit/abeac03d869005f3d7485dd9d7d289709c8b2f65