Estoy tratando de algo como esto:
<Route path="/cam/cold/general" element={<General />} /> <Route path='/cam/cold/general/substore' element={<jam />} > <Route path=':index' > <Route path='/order' element={<jam />} /> </Route> </Route>cada niño está destinado a tener subsecciones
pero sigo recibiendo este error
router.ts:5 Uncaught Error: Absolute route path "/order" nested under path "/cam/cold/general/substore/:index" is not valid. An absolute child route path must start with the combined path of all its parent routes.Error no detectado: la ruta de ruta absoluta "/order" anidada en la ruta "/cam/cold/general/substore/:index" no es válida. Una ruta de ruta secundaria absoluta debe comenzar con la ruta combinada de todas sus rutas principales.
El error le informa que la ruta absoluta "/order" no se puede anidar en "/cam/cold/general/substore" . Al anidar rutas, debe usar rutas relativas. La diferencia entre rutas absolutas y relativas es el carácter "/" inicial. Las rutas absolutas comienzan con "/" .
Elimine el "/" inicial de la ruta de "pedido" anidado.
<Route path="/cam/cold/general" element={<General />} /> <Route path='/cam/cold/general/substore' element={<Jam />} > <Route path=':index'> <Route path='order' element={<Jam />} /> </Route> </Route>Si no tiene otras rutas anidadas, sugiero aplanar un poco el anidamiento.
<Route path="/cam/cold/general" element={<General />} /> <Route path='/cam/cold/general/substore'> <Route index element={<Jam />} /> <Route path=':index/order' element={<Jam />} /> </Route>