当无法导航到子组件时，可能是由于以下几个原因：

1. 未正确配置子路由：检查父组件的路由配置是否包含了子组件的路径。确保在父组件的路由配置中，使用children属性来定义子组件的路由。

const routes: Routes = [
  {
    path: 'parent',
    component: ParentComponent,
    children: [
      { path: 'child', component: ChildComponent }
    ]
  }
];

2. 未正确使用router-outlet指令：在父组件的模板中，确保使用了router-outlet指令来显示子组件的内容。router-outlet指令用于动态加载路由对应的组件。

3. 未正确进行导航操作：在父组件中，确保使用了routerLink指令或navigate()方法来进行导航操作。

Go to Child Component

import { Router } from '@angular/router';

constructor(private router: Router) {}

navigateToChildComponent() {
  this.router.navigate(['/parent/child']);
}

如果仍然无法导航到子组件，可以尝试在浏览器的开发者工具中查看控制台输出，以便进一步调试错误。