尝试使用Shopify的Draggable模块要苗条，但没有运气

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回购。如上所述，我的devo服务器没有错误，浏览器也没有错误。页面/应用程序加载并显示正常，但是没有拖放功能。

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

Answer 1

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

苗条的Discord频道上的一位好心人共享了一个修复程序，现在该应用程序按计划工作：

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