search

JiriChara / vue-gravatar

A dead-simple gravatar component for VueJS
MIT License
113 stars 15 forks source link

vue gravatar not working with vue 3 ? #24

Open oefeningen opened 3 years ago

oefeningen commented 3 years ago

When using v-gravatar with vue3, i get this error

Property "$createElement" was accessed during render but is not defined on instance. and index.js?0cf6:612 Uncaught (in promise) TypeError: Cannot read property '_c' of undefined

From another (chart)component, i learned that this could be a solution.

In dist/vue-google-charts.common.js file i changed render function to work on both v2 and v3. render: function () { var _vm = this; if("_self" in _vm || "$createElement" in _vm){ var _h = _vm.$createElement; return (_vm._self._c || _h)("div", { ref: "chart" }); }else{ const {h} = require('vue'); return h('div',{ ref: "chart" }); } } Do you have any plans on updating this great component for vue3 ??

fguillen commented 2 years ago

I think I have the same error: 

runtime-core.esm-bundler.js?d2dd:38 [Vue warn]: Property "$createElement" was accessed during render but is not defined on instance. 
  at <GravatarImg email="email@example.com" > 
  at <UserCardComponent user= {id: 1, name: 'User 01', timeZone: 'CEST', email: 'email@example.com'} > 
  at <TeamView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {userAdded: ƒ, …} > > 
  at <RouterView> 
  at <App>
warn @ runtime-core.esm-bundler.js?d2dd:38
get @ runtime-core.esm-bundler.js?d2dd:3146
render @ index.js?9e5d:612
renderComponentRoot @ runtime-core.esm-bundler.js?d2dd:896
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5580
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
setupRenderEffect @ runtime-core.esm-bundler.js?d2dd:5708
mountComponent @ runtime-core.esm-bundler.js?d2dd:5490
processComponent @ runtime-core.esm-bundler.js?d2dd:5448
patch @ runtime-core.esm-bundler.js?d2dd:5038
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5587
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
setupRenderEffect @ runtime-core.esm-bundler.js?d2dd:5708
mountComponent @ runtime-core.esm-bundler.js?d2dd:5490
processComponent @ runtime-core.esm-bundler.js?d2dd:5448
patch @ runtime-core.esm-bundler.js?d2dd:5038
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
processFragment @ runtime-core.esm-bundler.js?d2dd:5407
patch @ runtime-core.esm-bundler.js?d2dd:5031
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
patchBlockChildren @ runtime-core.esm-bundler.js?d2dd:5355
processFragment @ runtime-core.esm-bundler.js?d2dd:5418
patch @ runtime-core.esm-bundler.js?d2dd:5031
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5660
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
callWithErrorHandling @ runtime-core.esm-bundler.js?d2dd:155
flushJobs @ runtime-core.esm-bundler.js?d2dd:396
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js?d2dd:285
queueJob @ runtime-core.esm-bundler.js?d2dd:279
eval @ runtime-core.esm-bundler.js?d2dd:5692
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:384
trigger @ reactivity.esm-bundler.js?89dc:352
set @ reactivity.esm-bundler.js?89dc:523
set @ runtime-core.esm-bundler.js?d2dd:3158
created @ TeamView.vue?11c0:43
await in created (async)
callWithErrorHandling @ runtime-core.esm-bundler.js?d2dd:155
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js?d2dd:164
callHook @ runtime-core.esm-bundler.js?d2dd:3547
applyOptions @ runtime-core.esm-bundler.js?d2dd:3449
finishComponentSetup @ runtime-core.esm-bundler.js?d2dd:7286
setupStatefulComponent @ runtime-core.esm-bundler.js?d2dd:7198
setupComponent @ runtime-core.esm-bundler.js?d2dd:7119
mountComponent @ runtime-core.esm-bundler.js?d2dd:5473
processComponent @ runtime-core.esm-bundler.js?d2dd:5448
patch @ runtime-core.esm-bundler.js?d2dd:5038
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5660
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
callWithErrorHandling @ runtime-core.esm-bundler.js?d2dd:155
flushJobs @ runtime-core.esm-bundler.js?d2dd:396
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js?d2dd:285
queueJob @ runtime-core.esm-bundler.js?d2dd:279
eval @ runtime-core.esm-bundler.js?d2dd:5692
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:384
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
set value @ reactivity.esm-bundler.js?89dc:1044
finalizeNavigation @ vue-router.mjs?f169:3307
eval @ vue-router.mjs?f169:3180
Promise.then (async)
pushWithRedirect @ vue-router.mjs?f169:3150
push @ vue-router.mjs?f169:3078
install @ vue-router.mjs?f169:3499
use @ runtime-core.esm-bundler.js?d2dd:4327
eval @ main.js?fbea:15
./src/main.js @ app.js:250
__webpack_require__ @ app.js:1228
(anonymous) @ app.js:2421
__webpack_require__.O @ app.js:1277
(anonymous) @ app.js:2422
(anonymous) @ app.js:2424
Show 23 more frames
runtime-core.esm-bundler.js?d2dd:38 [Vue warn]: Property "_self" was accessed during render but is not defined on instance. 
  at <GravatarImg email="email@example.com" > 
  at <UserCardComponent user= {id: 1, name: 'User 01', timeZone: 'CEST', email: 'email@example.com'} > 
  at <TeamView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {userAdded: ƒ, …} > > 
  at <RouterView> 
  at <App>
warn @ runtime-core.esm-bundler.js?d2dd:38
get @ runtime-core.esm-bundler.js?d2dd:3146
render @ index.js?9e5d:612
renderComponentRoot @ runtime-core.esm-bundler.js?d2dd:896
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5580
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
setupRenderEffect @ runtime-core.esm-bundler.js?d2dd:5708
mountComponent @ runtime-core.esm-bundler.js?d2dd:5490
processComponent @ runtime-core.esm-bundler.js?d2dd:5448
patch @ runtime-core.esm-bundler.js?d2dd:5038
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5587
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
setupRenderEffect @ runtime-core.esm-bundler.js?d2dd:5708
mountComponent @ runtime-core.esm-bundler.js?d2dd:5490
processComponent @ runtime-core.esm-bundler.js?d2dd:5448
patch @ runtime-core.esm-bundler.js?d2dd:5038
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
processFragment @ runtime-core.esm-bundler.js?d2dd:5407
patch @ runtime-core.esm-bundler.js?d2dd:5031
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
patchBlockChildren @ runtime-core.esm-bundler.js?d2dd:5355
processFragment @ runtime-core.esm-bundler.js?d2dd:5418
patch @ runtime-core.esm-bundler.js?d2dd:5031
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5660
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
callWithErrorHandling @ runtime-core.esm-bundler.js?d2dd:155
flushJobs @ runtime-core.esm-bundler.js?d2dd:396
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js?d2dd:285
queueJob @ runtime-core.esm-bundler.js?d2dd:279
eval @ runtime-core.esm-bundler.js?d2dd:5692
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:384
trigger @ reactivity.esm-bundler.js?89dc:352
set @ reactivity.esm-bundler.js?89dc:523
set @ runtime-core.esm-bundler.js?d2dd:3158
created @ TeamView.vue?11c0:43
await in created (async)
callWithErrorHandling @ runtime-core.esm-bundler.js?d2dd:155
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js?d2dd:164
callHook @ runtime-core.esm-bundler.js?d2dd:3547
applyOptions @ runtime-core.esm-bundler.js?d2dd:3449
finishComponentSetup @ runtime-core.esm-bundler.js?d2dd:7286
setupStatefulComponent @ runtime-core.esm-bundler.js?d2dd:7198
setupComponent @ runtime-core.esm-bundler.js?d2dd:7119
mountComponent @ runtime-core.esm-bundler.js?d2dd:5473
processComponent @ runtime-core.esm-bundler.js?d2dd:5448
patch @ runtime-core.esm-bundler.js?d2dd:5038
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5660
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
callWithErrorHandling @ runtime-core.esm-bundler.js?d2dd:155
flushJobs @ runtime-core.esm-bundler.js?d2dd:396
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js?d2dd:285
queueJob @ runtime-core.esm-bundler.js?d2dd:279
eval @ runtime-core.esm-bundler.js?d2dd:5692
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:384
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
set value @ reactivity.esm-bundler.js?89dc:1044
finalizeNavigation @ vue-router.mjs?f169:3307
eval @ vue-router.mjs?f169:3180
Promise.then (async)
pushWithRedirect @ vue-router.mjs?f169:3150
push @ vue-router.mjs?f169:3078
install @ vue-router.mjs?f169:3499
use @ runtime-core.esm-bundler.js?d2dd:4327
eval @ main.js?fbea:15
./src/main.js @ app.js:250
__webpack_require__ @ app.js:1228
(anonymous) @ app.js:2421
__webpack_require__.O @ app.js:1277
(anonymous) @ app.js:2422
(anonymous) @ app.js:2424
Show 23 more frames
runtime-core.esm-bundler.js?d2dd:38 [Vue warn]: Unhandled error during execution of render function 
  at <GravatarImg email="email@example.com" > 
  at <UserCardComponent user= {id: 1, name: 'User 01', timeZone: 'CEST', email: 'email@example.com'} > 
  at <TeamView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {userAdded: ƒ, …} > > 
  at <RouterView> 
  at <App>
warn @ runtime-core.esm-bundler.js?d2dd:38
logError @ runtime-core.esm-bundler.js?d2dd:212
handleError @ runtime-core.esm-bundler.js?d2dd:204
renderComponentRoot @ runtime-core.esm-bundler.js?d2dd:925
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5580
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
setupRenderEffect @ runtime-core.esm-bundler.js?d2dd:5708
mountComponent @ runtime-core.esm-bundler.js?d2dd:5490
processComponent @ runtime-core.esm-bundler.js?d2dd:5448
patch @ runtime-core.esm-bundler.js?d2dd:5038
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5587
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
setupRenderEffect @ runtime-core.esm-bundler.js?d2dd:5708
mountComponent @ runtime-core.esm-bundler.js?d2dd:5490
processComponent @ runtime-core.esm-bundler.js?d2dd:5448
patch @ runtime-core.esm-bundler.js?d2dd:5038
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
processFragment @ runtime-core.esm-bundler.js?d2dd:5407
patch @ runtime-core.esm-bundler.js?d2dd:5031
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
mountChildren @ runtime-core.esm-bundler.js?d2dd:5234
mountElement @ runtime-core.esm-bundler.js?d2dd:5143
processElement @ runtime-core.esm-bundler.js?d2dd:5115
patch @ runtime-core.esm-bundler.js?d2dd:5035
patchBlockChildren @ runtime-core.esm-bundler.js?d2dd:5355
processFragment @ runtime-core.esm-bundler.js?d2dd:5418
patch @ runtime-core.esm-bundler.js?d2dd:5031
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5660
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
callWithErrorHandling @ runtime-core.esm-bundler.js?d2dd:155
flushJobs @ runtime-core.esm-bundler.js?d2dd:396
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js?d2dd:285
queueJob @ runtime-core.esm-bundler.js?d2dd:279
eval @ runtime-core.esm-bundler.js?d2dd:5692
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:384
trigger @ reactivity.esm-bundler.js?89dc:352
set @ reactivity.esm-bundler.js?89dc:523
set @ runtime-core.esm-bundler.js?d2dd:3158
created @ TeamView.vue?11c0:43
await in created (async)
callWithErrorHandling @ runtime-core.esm-bundler.js?d2dd:155
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js?d2dd:164
callHook @ runtime-core.esm-bundler.js?d2dd:3547
applyOptions @ runtime-core.esm-bundler.js?d2dd:3449
finishComponentSetup @ runtime-core.esm-bundler.js?d2dd:7286
setupStatefulComponent @ runtime-core.esm-bundler.js?d2dd:7198
setupComponent @ runtime-core.esm-bundler.js?d2dd:7119
mountComponent @ runtime-core.esm-bundler.js?d2dd:5473
processComponent @ runtime-core.esm-bundler.js?d2dd:5448
patch @ runtime-core.esm-bundler.js?d2dd:5038
componentUpdateFn @ runtime-core.esm-bundler.js?d2dd:5660
run @ reactivity.esm-bundler.js?89dc:185
instance.update @ runtime-core.esm-bundler.js?d2dd:5694
callWithErrorHandling @ runtime-core.esm-bundler.js?d2dd:155
flushJobs @ runtime-core.esm-bundler.js?d2dd:396
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js?d2dd:285
queueJob @ runtime-core.esm-bundler.js?d2dd:279
eval @ runtime-core.esm-bundler.js?d2dd:5692
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:384
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
eval @ reactivity.esm-bundler.js?89dc:1131
triggerEffect @ reactivity.esm-bundler.js?89dc:394
triggerEffects @ reactivity.esm-bundler.js?89dc:379
triggerRefValue @ reactivity.esm-bundler.js?89dc:1000
set value @ reactivity.esm-bundler.js?89dc:1044
finalizeNavigation @ vue-router.mjs?f169:3307
eval @ vue-router.mjs?f169:3180
Promise.then (async)
pushWithRedirect @ vue-router.mjs?f169:3150
push @ vue-router.mjs?f169:3078
install @ vue-router.mjs?f169:3499
use @ runtime-core.esm-bundler.js?d2dd:4327
eval @ main.js?fbea:15
./src/main.js @ app.js:250
__webpack_require__ @ app.js:1228
(anonymous) @ app.js:2421
__webpack_require__.O @ app.js:1277
(anonymous) @ app.js:2422
(anonymous) @ app.js:2424
Show 23 more frames
runtime-core.esm-bundler.js?d2dd:38 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core 
  at <GravatarImg email="email@example.com" > 
  at <UserCardComponent user= {id: 1, name: 'User 01', timeZone: 'CEST', email: 'email@example.com'} > 
  at <TeamView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {userAdded: ƒ, …} > > 
  at <RouterView> 
  at <App>
rd-frutuoso commented 2 years ago

i have a issue using with vue 2.7 and vite, in dev mode is OK but when run build the gravatar component just disappears, seems like the vue-gravatar component not build up with the app

i'm trying figure out how can debug this, but i'm still looking for a way