DEV Community

Discussion on: Love Vuetify? Meet PrimeVue, a powerful new Vue UI Library.

Collapse
 
bulletmark profile image
Mark Blakeney

This seems like a good article but note something must have changed because it does not work anymore. After adding the Button it just gives a blank screen. Nova-light doesn't seem to exist anymore so changed that to Nova but then you get a heap of warnings, e.g:

 WARNING  Compiled with 8 warnings                                                                                  
 warning  in ./node_modules/primevue/button/button.esm.js
"export 'createBlock' was not found in 'vue'
 warning  in ./node_modules/primevue/button/button.esm.js
"export 'createCommentVNode' was not found in 'vue'
 warning  in ./node_modules/primevue/button/button.esm.js
"export 'createVNode' was not found in 'vue'
 warning  in ./node_modules/primevue/button/button.esm.js
"export 'openBlock' was not found in 'vue'
 warning  in ./node_modules/primevue/button/button.esm.js
"export 'renderSlot' was not found in 'vue'
 warning  in ./node_modules/primevue/button/button.esm.js
"export 'resolveDirective' was not found in 'vue'
 warning  in ./node_modules/primevue/button/button.esm.js
"export 'toDisplayString' was not found in 'vue'
 warning  in ./node_modules/primevue/button/button.esm.js
"export 'withDirectives' was not found in 'vue'
Enter fullscreen mode Exit fullscreen mode

Then the developer console gives the folllowing:

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeError: Object(...) is not a function"
found in
---> <Button>
       <App> at src/App.vue
         <Root>
vue.runtime.esm.js?2b0e:1897 TypeError: Object(...) is not a function
    at Proxy.render (button.esm.js?bb57:74)
    at VueComponent.Vue._render (vue.runtime.esm.js?2b0e:3569)
    at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:4081)
    at Watcher.get (vue.runtime.esm.js?2b0e:4495)
    at new Watcher (vue.runtime.esm.js?2b0e:4484)
    at mountComponent (vue.runtime.esm.js?2b0e:4088)
    at VueComponent.Vue.$mount (vue.runtime.esm.js?2b0e:8459)
    at init (vue.runtime.esm.js?2b0e:3137)
    at createComponent (vue.runtime.esm.js?2b0e:6022)
    at createElm (vue.runtime.esm.js?2b0e:5969)
Enter fullscreen mode Exit fullscreen mode