Попытка использовать модуль Draggable от Shopify с svelte, но безуспешно - PullRequest
Новая
       11

Попытка использовать модуль Draggable от Shopify с svelte, но безуспешно

0 голосов
/ 09 ноября 2019

Какие-нибудь советы по настройке модулей NPM для работы с svelte? Я пытаюсь использовать перетаскиваемый модуль Shopify, но безуспешно. Кажется, импортировать нормально, но перетаскивание не будет работать. Нет ошибок, нет сообщений, нет ничего.

Моя основная попытка была основана на этом примере: https://codepen.io/RoyCurtis/pen/EevgbB

В частности, я попытался реализовать этот пример следующим образом в приложении. Файл 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

1 Ответ

0 голосов
/ 09 ноября 2019

Мне не удалось распознать, что связанный с перетаскиванием код не может присоединиться к элементам DOM, которые еще не подключены.

Добрый человек на канале svelte Discord поделился исправлением, и теперь приложение работаеткак и планировалось:

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

...