[Vue Router warn]: Finding ancestor route "/:path(.*)*" failed for "/:path(.*)*"

[rex-ll]

Reproduction

RT

Steps to reproduce the bug

After upgrading to the latest version

{ path: '/:path(.*)*', name: PAGE_NOT_FOUND_NAME, component: LAYOUT, meta: { title: 'ErrorPage', }, children: [ { path: '/:path(.*)*', name: PAGE_NOT_FOUND_NAME, component: EXCEPTION_COMPONENT, meta: { title: 'ErrorPage', }, }, ], }

Expected behavior

no warning

Actual behavior

warning log

Additional information

No response

[skirtles-code]

I think I managed to reproduce this:

• Playground

But it only happens if there are two routes with the same name. This is probably something that should be handled better, but is there any reason why you need two routes with the same name? You should be able to avoid this warning just by removing the name option from the parent route.

[posva]

names must be unique, this is what you need to write instead:

{
  path: '/:path(.*)*',
  component: LAYOUT,
  meta: { title: 'ErrorPage' },
  children:
    [
      {
        path: '',
        name: PAGE_NOT_FOUND_NAME,
        component: EXCEPTION_COMPONENT,
        meta: { title: 'ErrorPage' },
      },
    ],
}

[CDwenhuohuo]

谢谢