项目场景：

写个路由页面，引发的问题

问题描述

报错： An absolute child route path must start with the combined path of all its parent routes.

代码：

import { createBrowserRouter } from "react-router-dom";
import Home from "../pages/home";
import Default from "../pages/default";
import About from "../pages/default/children/about";
import Teacher from "../pages/default/children/teacher";

const router = createBrowserRouter([
    {
        name: 'home',
        path:'/',
        element:<Home/>
    },
    {
        name: 'default',
        path:'/default',
        element:<Default/>,
        children:[{
        //问题出现在这里
            path:"/about",
            element:<About/>
        },
        {
            path:"/teacher",
            element: <Teacher/>

        }
        ]
    }

])
export default router;

原因分析：

值router6里children的path 不直接支持path:"/about"的写法

解决方案：

值router6里children的path 支持path:"/default/about"的或者 path:“about” 的写法