解决办法:
router index.ts 中新增 要展示的组件的
import type { App } from "vue";
import { createRouter, createWebHashHistory, type RouteRecordRaw } from "vue-router";export const Layout = () => import("@/layout/index.vue");// 静态路由
export const constantRoutes: RouteRecordRaw[] = [{path: "/redirect",component: Layout,meta: { hidden: true },children: [{path: "/redirect/:path(.*)",component: () => import("@/views/redirect/index.vue"),},],},{path: "/login",component: () => import("@/views/login/index.vue"),meta: { hidden: true },},{path: "/",name: "/",component: Layout,redirect: "/dashboard",children: [{path: "dashboard",component: () => import("@/views/dashboard/index.vue"),// 用于 keep-alive 功能,需要与 SFC 中自动推导或显式声明的组件名称一致// 参考文档: https://cn.vuejs.org/guide/built-ins/keep-alive.html#include-excludename: "Dashboard",meta: {title: "dashboard",icon: "homepage",affix: true,keepAlive: true,},},{path: "system/list",component: () => import("@/views/system/list/index.vue"), // 新组件meta: { hidden: true },},