[Solved] Failed to resolve component: journal-card at JournalPage

Hello Guys, How are you all? Hope You all Are Fine. Today I am using <journal-card> component inside the <journal-page> component that gives me the error Failed to resolve component: journal-card at JournalPage 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: journal-card at JournalPage Error Occurs ?

Today I am using a <journal-card> component inside the <journal-page> component gives me the error:

[Vue warn]: Failed to resolve component: journal-card at <JournalPage>

How To Solve Failed to resolve component: journal-card at JournalPage Error ?

Solution 1

Just register component’s components option globally. for that root component To register global components, use app.component

const app = _vue.createApp({});
app.use(store);
app.component('headerBar', _headerBar);
app.component('journalCard', _journalCard);
app.component('journalPage', _journalPage);
const mountedApp = app.mount('#app');

Summery

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

• SyntaxError: invalid syntax to repo init in the AOSP code.