生成的路由有问题

[AK47HaiJun]

我是基于文件生成的路由，使用后，一级路由出现了 children
这是我的main.ts 配置

import { createApp } from 'vue'
import App from './App.vue'
import { createHead } from '@vueuse/head'
import 'ant-design-vue/dist/reset.css';
import Antd from 'ant-design-vue';

import { routes } from "vue-router/auto/routes"; // 引入文件路由表
import { setupLayouts } from "virtual:meta-layouts";
import { createRouter, createWebHistory } from "vue-router";

const router = createRouter({
  routes: setupLayouts(routes), // 注册文件路由表
  history: createWebHistory(),
});

// 管理页面的head 
const head = createHead()


const app = createApp(App);
app.use(router);
app.use(Antd)
app.use(head)
app.mount('#app');

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import Pages from "vite-plugin-pages";
import MetaLayouts from "vite-plugin-vue-meta-layouts";
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import VueRouter from "unplugin-vue-router/vite";
import { VueRouterAutoImports } from "unplugin-vue-router";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    VueRouter({
      /* options */
    }),
    Pages({
      // 配置项（如果有）
    }),
    MetaLayouts({
      target: "src/layouts", // 布局目录，默认 src/layouts
      defaultLayout: "default", // 默认布局，默认为 default
      importMode: "sync", // 加载模式，支持 sync 和 async。默认为自动处理，SSG 时为 sync，非 SSG 时为 async
    }),
    // 配置 unplugin-auto-import
    AutoImport({
      imports: [
        "vue",
        "vue-router",
      ],
      dts: "src/auto-imports.d.ts", // 生成 .d.ts 文件，提供类型提示
    }),
    // 配置 unplugin-vue-components
    Components({
      resolvers: [],
      // 其他配置...
    }),
  ],
});

我是基于文件生成路由的，用的 vite-plugin-pages 插件
并且我也在页面中指定了 layout

<route> { meta: { layout: 'test' } } </route>

我的layouts 文件

[AK47HaiJun]

.

[markthree]

@AK47HaiJun 靓仔，这不是 bug 哦，为了实现布局，故意这么做的，具体可见源码 → deepSetupLayout 或者实现原理 → how-it-works