vuetify-module
vuetify-module copied to clipboard
v-img throws error: "TypeError: Cannot read properties of undefined (reading 'observer') at unbind"
Nuxt.js 2.15.8 @nuxtjs/vuetify 1.12.1
my app was working just fine until yesterday that i ran npm i
. after that on page change i was getting this error:
client.js?06a0:103 TypeError: Cannot read properties of undefined (reading 'observer')
at unbind (index.ts?8358:63)
at callHook$1 (vue.runtime.esm.js?2b0e:6724)
at _update (vue.runtime.esm.js?2b0e:6685)
at updateDirectives (vue.runtime.esm.js?2b0e:6626)
at Array.unbindDirectives (vue.runtime.esm.js?2b0e:6620)
at invokeDestroyHook (vue.runtime.esm.js?2b0e:6159)
at VueComponent.patch [as __patch__] (vue.runtime.esm.js?2b0e:6511)
at VueComponent.Vue.$destroy (vue.runtime.esm.js?2b0e:4016)
at destroy (vue.runtime.esm.js?2b0e:3178)
at invokeDestroyHook (vue.runtime.esm.js?2b0e:6158)
I disabled my packages one by one until found the culprit !! Vuetify: "^2.5.5"
. so changed to Vuetify: "2.5.5"
and problem solved so removed the package for other possible issues.
Now I get the issue on one of my components on this line of code:
<v-img class="product_img" contain :alt="product.title" :src="imageUrl" />
by changing that to :
<img class="product_img" :alt="product.title" :src="imageUrl" />
the problem was solved ! so what exactly is the origin of this issue??
P.S. : It's no relevant but would be happy to know; My app was working perfectly by @nuxtjs/vuetify
module alone but recently when I created a new nuxt project it was using Vuetify
too beside @nuxtjs/vuetify
. so what is the benefits ? is it necessary ?
I just had a similar issue and ended up here. I solved it by using version 2.6.0 of Vuetify.