要解决Angular嵌套路由不调用组件的问题，可以尝试以下解决方法：

1. 确保在父组件中正确配置子路由。在父组件的模板文件中，使用标签来加载子组件。确保在父组件的路由配置文件中指定子路由的路径和对应的组件。

   // app-routing.module.ts
   const routes: Routes = [
     {
       path: 'parent',
       component: ParentComponent,
       children: [
         { path: 'child', component: ChildComponent },
         // ...其他子路由配置
       ]
     },
     // ...其他路由配置
   ];
   

2. 在父组件的模板文件中，确保使用了routerLink指令或者router.navigate方法来导航到子路由。如果是使用routerLink指令，确保指定了正确的子路由路径。

   
   Go to Child
   

   // parent.component.ts
   import { Router } from '@angular/router';
   
   constructor(private router: Router) {}
   
   goToChild() {
     this.router.navigate(['/parent/child']);
   }
   

3. 检查是否导入了子组件并在父组件中正确声明。确保在父模块中导入并声明了子组件。

   // parent.module.ts
   import { ChildComponent } from './child.component';
   
   declarations: [
     ParentComponent,
     ChildComponent,
   ],
   

4. 检查子组件的路由配置是否正确。如果子组件也有自己的子路由，确保在子组件的路由配置中正确指定了路径和组件。

   // child-routing.module.ts
   const routes: Routes = [
     {
       path: 'grandchild',
       component: GrandchildComponent
     },
     // ...其他子路由配置
   ];
   

   // child.component.html
   Go to Grandchild
   

   注意：确保在父组件和子组件中都导入了RouterModule并在imports数组中正确配置了路由模块。

如果以上方法仍然无法解决问题，可以检查控制台输出的错误信息，以确定具体的问题原因。