vue.jsvue-componentvuetify.jsvuejs3vuetify-loader

[Vue warn]: Failed to resolve component: v-toolbar-title issue vue3 and vuetify 3.0.0-alpha.0 version


I am getting below issue while running the sample application with below configuration.

package.json

> "vue": "^3.0.0", 
> "vue-textarea-autosize": "^1.1.1", 
> "vuetify":"^3.0.0-alpha.0"

Main.js

import { createApp } from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify'
import 'vuetify/dist/vuetify.css'
app.use(vuetify).use(VueTextareaAutosize)

Getting below warning and component is not visible. Can anyone help me on this?

enter image description here


Solution

  • It is a warning and not an issue. Generally, you can sort it by importing the components correctly.

    Also, you need to import vuetify correctly

    import { createApp } from 'vue'
    import { createVuetify } from 'vuetify'
    import App from './App.vue'
    
    const app = createApp(App)
    const vuetify = createVuetify(...) // Replaces new Vuetify(...)
    
    app.use(vuetify)
    
    app.mount('#app')