Uncaught TypeError: this.itemsToDisplay is not iterable about lazy-load-list

[CasianBlanaru]

Sorry for the late reply. I was able to fix the problem I built it with Vue and webpack 5 and had a wrong setting in the store ;-) Thanks for the support :-)

[omer73364]

Hi Casian, can please share your code of using the component..
perhaps you passed wrong data

[CasianBlanaru]

[CasianBlanaru]

[CasianBlanaru]

Hello omer73364 I hope this is enough ?

[CasianBlanaru]

In the frontend 10 items are displayed but the error occurs:

[omer73364]

that's strange.. everything is OK, itemsToDisplay is an array but it cannot destruct it 🤔
whats your environment (vue version, bundler.. etc)?

and if you can debug it deeper will be OK to know the exact reason of this error

[Surt]

Hi,

same problem for me. It displays the first "page" but then it fails with the same error.
I'm doing nothing fanzy, just printing the "item.id" on a p tag. (from an array of objects)

I'm using nuxt 2 but I just import the Vue component and use it as normal. I doubt the environment has a play here.

EDIT: yep, it is environment. It seems that the problem resides in nuxt trying to use the component in SSR (where data is still not available). The watch is the one responsible for showing the first page.