作者你这个路由设计说实话很别扭

[tolking]

作者你这个路由设计说实话很别扭

[InfernalAzazel]

警告信息

[Vue Router warn]: Component "default" in record with path "/home" is defined using "defineAsyncComponent()". Write "() => import('./MyPage.vue')" instead of "defineAsyncComponent(() => import('./MyPage.vue'))".
warn @ vue-router.mjs:35
extractComponentsGuards @ vue-router.mjs:2054
navigate @ vue-router.mjs:3204
pushWithRedirect @ vue-router.mjs:3145
push @ vue-router.mjs:3080
handleMenuItemClick @ menu.ts:132
handleClick @ menu-item.vue:89
createElementBlock.onClick._cache.<computed>._cache.<computed> @ menu-item.vue:10
callWithErrorHandling @ runtime-core.esm-bundler.js:155
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:164
invoker @ runtime-dom.esm-bundler.js:369
vue-router.mjs:35 [Vue Router warn]: Component "default" in record with path "/" is defined using "defineAsyncComponent()". Write "() => import('./MyPage.vue')" instead of "defineAsyncComponent(() => import('./MyPage.vue'))".
warn @ vue-router.mjs:35
extractComponentsGuards @ vue-router.mjs:2054
navigate @ vue-router.mjs:3204
pushWithRedirect @ vue-router.mjs:3145
push @ vue-router.mjs:3080
handleMenuItemClick @ menu.ts:132
handleClick @ menu-item.vue:89
createElementBlock.onClick._cache.<computed>._cache.<computed> @ menu-item.vue:10
callWithErrorHandling @ runtime-core.esm-bundler.js:155
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:164
invoker @ runtime-dom.esm-bundler.js:369
vue-router.mjs:35 [Vue Router warn]: Component "default" in record with path "/" is a function that does not return a Promise. If you were passing a functional component, make sure to add a "displayName" to the component. This will break in production if not fixed.
warn @ vue-router.mjs:35
extractComponentsGuards @ vue-router.mjs:2073
（匿名） @ vue-router.mjs:3260
Promise.then（异步）
navigate @ vue-router.mjs:3255
pushWithRedirect @ vue-router.mjs:3145
push @ vue-router.mjs:3080
handleMenuItemClick @ menu.ts:132
handleClick @ menu-item.vue:89
createElementBlock.onClick._cache.<computed>._cache.<computed> @ menu-item.vue:10
callWithErrorHandling @ runtime-core.esm-bundler.js:155
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:164
invoker @ runtime-dom.esm-bundler.js:369
vue-router.mjs:35 [Vue Router warn]: Component "default" in record with path "/bug" is a function that does not return a Promise. If you were passing a functional component, make sure to add a "displayName" to the component. This will break in production if not fixed.

[tolking]

你两个path都是 path: '/',，肯定会报错。

建议去 vue-route 的文档看下 path 和 redirect

-path: '/',
- redirect: '/bug',
+ path: '/bug',