【vue】router-viewレンダリング空白、Failed to mount component:template or render function not defined
3281 ワード
問題の説明
問題の原因
ルートの怠惰なロードの誤り、ルートのcomponentは1つの関数を受け入れます
問題解決
componentパラメータの調整例:
router-view
レンダリング空白、コンソールエラーFailed to mount component: template or render function not defined
.また,ルーティング怠惰ロードを用いた.問題の原因
ルートの怠惰なロードの誤り、ルートのcomponentは1つの関数を受け入れます
問題解決
componentパラメータの調整例:
//
const Foo = () => import('./Foo.vue')
const router = new VueRouter({
routes: [
{ path: '/foo', component: Foo }
]
})
//
const getComponent = (name) => () =>
import(`@/views/${name}.vue`)
const router = new VueRouter({
routes: [
{ path: '/home', component: getComponent("Home")}
]
})