vite vue 打包后运行，路由首页加载不出来

路由配置：

import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
import websiteRouter from './websiteRoutes'

const routes: Array<RouteRecordRaw> = [
    {
        path: "/",
        name: "Home",
        component: await import("@/views/Home/index.vue"),
        children: [],
    },
    {
        path: "/article_add",
        name: "articleAdd",
        component: async () => await import("@/views/website/system/articleAdd.vue"),
    },
    {
        path: "/404",
        name: "NotFound",
        component: async () => await import("@/views/404/index.vue"),
        meta: {
            title: "404",
            auth: false,
        },
    },
    {
        path: "/:pathMatch(.*)", //
        redirect: "/404",
    },
    ...websiteRouter
];

打包后运行，首页加载不出来，点击首页也无效。但其它路由页面可以进入

解决方案：单独导入