search

SortableJS / vue.draggable.next

Vue 3 compatible drag-and-drop component based on Sortable.js
https://sortablejs.github.io/vue.draggable.next/#/simple
MIT License
3.91k stars 531 forks source link

vue3.2.25 TypeError: Cannot read properties of undefined (reading 'header') #129

Open seanhepps opened 2 years ago

seanhepps commented 2 years ago

vue.draggable.next version is 4.1.0 vue version is 3.2.25 ERROR INFO: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'header') at getSlot (vuedraggable.js:59:24) at computeChildrenAndOffsets (vuedraggable.js:65:18) at Proxy.render (vuedraggable.js:166:54) at renderComponentRoot (runtime-core.esm-bundler.js:893:44) at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5030:57) at ReactiveEffect.run (reactivity.esm-bundler.js:167:25) at setupRenderEffect (runtime-core.esm-bundler.js:5156:9) at mountComponent (runtime-core.esm-bundler.js:4939:9) at processComponent (runtime-core.esm-bundler.js:4897:17) at patch (runtime-core.esm-bundler.js:4489:21)

bianpratama commented 2 years ago

@seanhepps

Do make sure that you have version 4.1.0 of vuedraggable. I also missed that because I did yarn add vuedraggable, and installed version 2.24.3 for Vue 2 instead.

chendi-forward commented 2 years ago

@seanhepps delete node_modules and clean npm

andradei commented 2 years ago

@bianpratama Your solution works.

alessandroAmedei commented 1 year ago

I am using Vite and i solved doing: import Draggable from 'vuedraggable/src/vuedraggable'; instead of import Draggable from 'vuedraggable';

jlazaro135 commented 1 year ago

@seanhepps delete node_modules and clean npm

hey, thanks!! works for me 😃