时间戳

首页 > 解决方案 > 尝试将 Shopify 的 Draggable 模块与 svelte 一起使用，但没有运气

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

问题描述

关于让 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

标签： javascriptshopifydraggablesvelte

解决方案

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

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

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

推荐阅读