[Vue3-flicking] TypeError: Cannot set properties of undefined (setting 'hasError')

Description

Hello team!

We noticed from our error monitor that when the first image of our carousel can not be loaded we get the following error.

TypeError: Cannot set properties of undefined (setting 'hasError')
  at onError(src/ImReadyManager.ts:241:10)
  at ? (src/ImReadyManager.ts:69:14)
  at ? (src/Component.ts:98:16)
  at Array.forEach(<anonymous>)
  at trigger(src/Component.ts:96:16)
  at onError(src/loaders/Loader.ts:95:10)
  at handler(src/ImReadyManager.ts:188:14)
  at ? (src/Component.ts:93:9)
  at Array.forEach(<anonymous>)
  at trigger(src/Component.ts:92:16)
  at onError(src/ImReadyManager.ts:268:10)
  at ? (src/ImReadyManager.ts:69:14)
  at ? (src/Component.ts:98:16)
  at Array.forEach(<anonymous>)
  at trigger(src/Component.ts:96:16)
  at onError(src/loaders/Loader.ts:95:10)
  at ? (src/loaders/Loader.ts:131:12)
  at i(src/helpers.ts:95:1)

Version: “@egjs/vue3-flicking”: “4.10.2”

Steps to check or reproduce

1. Create a flicking carousel with images
2. Set the first image of the carousel to return 404

And you should notice that the error is triggered.

Could you please catch this error or is there a way we can catch it because it creates a lot of noise in our monitor tool?

Thanks in advance!

[malangfox]

We will fix this bug and leave a comment when a patch is released. Thanks for reporting the bug with details!

[nickdrim]

Hello again @malangfox,

I managed to replicate it and updated your demo closer to ours. Turns out that adding a div wrapper with v-for and img with lazy loading seems to create the problem

Edit: updated the link. I sent wrong demo on initial comment