[Vue3,Vue-Router4]Failed to resolve component

Vue3+VueRouter4でコンポーネントが表示されない
1. 環境
2. メッセージ
対応
参考

Vue3+VueRouter4でコンポーネントが表示されない

環境

“vue”: “^3.2.13”,

“vue-router”: “4”,

“vuetify”: “3”

メッセージ

[Vue warn]: Failed to resolve component: router-view If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at <App>

対応

「main.js」でrouterの読み込むタイミングを変える。

以下の例は、「@/pluguins」でプラグイン設定をして、routerを読み込んでいる。

正

import { createApp } from 'vue'
import App from './App.vue'

// Plugins
import { registerPlugins } from '@/plugins'

const app = createApp(App)
registerPlugins(app);

app.mount('#app')

誤

import { createApp } from 'vue'
import App from './App.vue'

// Plugins
import { registerPlugins } from '@/plugins'

const app = createApp(App)
app.mount('#app')

registerPlugins(app);