An index route cannot have child routes.

这里主要讲解新版本的路由用法：npm i react-router-dom@6 --save并引入模块后编写路由，却报错: Uncaught Error: An index route cannot have child routes.。这是因为react-router-dom^6.0.2高版本的router写法改变。如果想要遵从以前的写法，可以修改(降低)版本依赖。如果想适应新版本的写法，解决方法如下。

1. React做二级路由时遇到报错Uncaught Error: An index route cannot have child routes.
2.  

   <BrowserRouter>
         <NavLink to="/home">Home</NavLink>&emsp;
         <NavLink to="/about">About</NavLink>&emsp;
         <Routes>
           <Route path="/login" element={<Login />}>
             Login
           </Route>
           <Route path="/about" element={<About />}>
             About
           </Route>
           <Route path="/" element={<Layout />}>
             <Route index element={<First />}>
               {/* 默认二级页面 添加index属性去掉path 但是我的版本太高添加index会有报错 将这个path为空之后问题解决*/}
               First
             </Route>
             <Route path="second" element={<Second />}>
               Second
             </Route>
           </Route>
         
           <Route path="*" element={<Error />}>
             Error
           </Route>
         </Routes>
       </BrowserRouter>

3. 将二级路由path设置为空解决