TypeError: Cannot read properties of undefined (reading 'header')

[IrinaLuminesk]

I currently getting this error on vue 3. This is my code

And this is the error show on my browser

[vladfr]

Getting this too. And if you add the #header slot, you bump into other errors. It's because this.$scopedSlots is undefined, but I have no idea why. This happens only in very recent versions of Vue3. It didn't use to be like this before.

I'm on [email protected] and using Nuxt.

Interestingly enough, on Vue 3.4.15 with a default Vuetify setup, this library works with the same code.

[bblumenfelder]

Getting the same error, but I'm not willing to install Vuetify :)
Did you find another solution?

[zhelingwang]

package version:
"vue": "^3.4.21", "vuedraggable": "^4.0.1"

code:

<draggable :list="myArray" item-key="name" ghost-class="ghost" @start="drag = true" @end="drag = false">
        <template #item="{ element }">
            <div class="list-group-item">{{ element.name }}</div>
        </template>
</draggable>

换 "vuedraggable": "^4.0.1" 这个版本后我这边正常, 没有出现这个错误了

[prashantnirgun]

this still not work with "vuedraggable": "^4.0.1",

[Lippiece]

Updating Vue to latest will probably fix this, as it fixed mine.

[ReljaMihajlovic]

I fixed it by shutting down dev server and then running npm run dev again. "vue": "^3.4.27", "vuedraggable": "^4.1.0"

[emirrozerr]

I fixed it by shutting down dev server and then running npm run dev again. "vue": "^3.4.27", "vuedraggable": "^4.1.0"

Same here!

[ecolovecat]

Just shut down the server and then rerun. If still not work, install to the "vuedraggable": "^4.1.0", then rerun the server again

[chenyajin]

package version:
"vue": "^3.4.21", "vuedraggable": "^4.1.0"

solution:
delete node_modules and clean npm

it works for me!