Page 1 of 1

After PrimeVue update: Cannot read property 'ripple' of undefined

Posted: 28 Apr 2021, 15:55
by bodnarlajos
After updateing primevue to 2.4.x, using Serenity template, I got like 200+ console errors on dashboard:

Code: Select all

[Vue warn]: Error in directive ripple inserted hook: "TypeError: Cannot read property 'ripple' of undefined"

found in

---> <AppSubmenu> at src/AppSubmenu.vue
       <AppMenu> at src/AppMenu.vue
         <App> at src/App.vue
           <AppContainer> at src/AppContainer.vue
             <Root>
But if I remove the directive from the AppSubmenu, it will be missing from Button, from DataTables, etc.

so like:

Code: Select all

TypeError: Cannot read property 'ripple' of undefined
    at inserted (Ripple.js?15f1:79)
    at callHook$1 (vue.runtime.esm.js?2b0e:6680)
    at callInsert (vue.runtime.esm.js?2b0e:6619)
    at wrappedHook (vue.runtime.esm.js?2b0e:2235)
    at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
    at Object.invoker [as insert] (vue.runtime.esm.js?2b0e:2175)
    at invokeInsertHook (vue.runtime.esm.js?2b0e:6346)
    at VueComponent.patch [as __patch__] (vue.runtime.esm.js?2b0e:6565)
    at VueComponent.Vue._update (vue.runtime.esm.js?2b0e:3948)
    at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:4066)
How can I get rid of it?

Many thanks in advance!

Re: After PrimeVue update: Cannot read property 'ripple' of undefined

Posted: 04 May 2021, 15:08
by tugce.kucukoglu
Are you gonna integrate Diamond with non-cli project? I could not replicate it. Also if you ask your questions Premium Layouts and Themes section, you can find another questions about Serenity-Vue.

Re: After PrimeVue update: Cannot read property 'ripple' of undefined

Posted: 04 May 2021, 15:14
by bodnarlajos
Sorry, but I dont understand what "Are you gonna integrate Diamond with non-cli project?" means. :(

I have Serenity and I don't plan to integrate with any project.

Ok, I'll post my question there.

I was thinking about migrating my project to Vue3, and use the Vue3 template, but that migration would be not easy. :(

Re: After PrimeVue update: Cannot read property 'ripple' of undefined

Posted: 05 May 2021, 15:58
by tugce.kucukoglu
Yes, there are slight differences between PrimeVue 2 and PrimeVue 3. But it won't be too difficult to switch between them.

Re: After PrimeVue update: Cannot read property 'ripple' of undefined

Posted: 26 May 2021, 20:04
by bodnarlajos
tugce.kucukoglu wrote:
05 May 2021, 15:58
Yes, there are slight differences between PrimeVue 2 and PrimeVue 3. But it won't be too difficult to switch between them.
Well, thank you for these strenght-giving words, I took a plunge and now I got Vue 3 with upgraded Serenity, it works great, thanks.