close

[Solved] Failed to resolve component: user-card at

Hello Guys, How are you all? Hope You all Are Fine. Today I am trying to use <user-page> component But I am facing following error Failed to resolve component: user-card at <UserPage> in Vuejs. So Here I am Explain to you all the possible solutions here.

Without wasting your time, Let’s start This Article to Solve This Error.

How Failed to resolve component: user-card at <UserPage> Error Occurs ?

I am trying to use <user-page> component But I am facing following error.

[Vue warn]: Failed to resolve component: user-card at <UserPage>

How To Solve Failed to resolve component: user-card at <UserPage> Error ?

  1. How To Solve Failed to resolve component: user-card at Error ?

    To Solve Failed to resolve component: user-card at <UserPage> Error You Just need to register global components use app.component. Just Like this Example: app.component('headerBar', _headerBar); app.component('userCard', _userCard); app.component('userPage', _userPage); Now, Your error will be solved.

  2. Failed to resolve component: user-card at

    To Solve Failed to resolve component: user-card at <UserPage> Error You Just need to register global components use app.component. Just Like this Example: app.component('headerBar', _headerBar); app.component('userCard', _userCard); app.component('userPage', _userPage); Now, Your error will be solved.

Solution 1: register global components

You Just need to register global components use app.component. Just Like this Example.

const app = Vue.createApp({});
app.use(store);
app.component('headerBar', _headerBar);
app.component('userCard', _userCard);
app.component('userPage', _userPage);
const mountedApp = app.mount('#app');

Now, Your error will be solved.

Summary

It’s all About this issue. Hope all solution helped you a lot. Comment below Your thoughts and your queries. Also, Comment below which solution worked for you?

Also, Read

Leave a Comment