Angular 角度10-不同模块的子路径之间的导航问题

在我的常规路由配置文件中，我有以下内容：

{
path: `users`,   
loadChildren: () => import('./@pages/users/users.module').then(m => m.UserModule),
}

const routes: Routes = [
  {
    path:  ``, 
    component: UsersComponent,
    children: [
      {
        path: "detail",
        component: DetailUserComponent
      }
    ]
  } 
];

在模块路径配置文件：UserModule中，我有以下内容：

{
path: `users`,   
loadChildren: () => import('./@pages/users/users.module').then(m => m.UserModule),
}

const routes: Routes = [
  {
    path:  ``, 
    component: UsersComponent,
    children: [
      {
        path: "detail",
        component: DetailUserComponent
      }
    ]
  } 
];

从UserComponent组件的html模板中，我有以下链接，可以导航到DetailUserComponent：

this.router.navigate(['users/detail'], { queryParams: { name: this.data.name, surname: this.data.surname }});

但它不会导航到它保留在UserComponent中的DetailUserComponent组件模板，即使导航栏中的地址是正确的

---

什么可能会失败？谢谢。

控制台中是否出现任何错误？否，控制台未显示任何错误