angular - 在不工作的孩子中使用lazyLoading进行路由 - 无法匹配路由

Question

这是我的应用程序设置：

这是我的app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { SoftwareComponent } from './components/software/software.component';

const routes: Routes = [
    {
        path: '',
        outlet: 'main',
        component: SoftwareComponent,
        children: [
            {
                path: 'personal',
                children: [
                    {
                        path: '',
                        loadChildren: './components/software/data/personal/personal.module#PersonalModule' 
                    }
                ]
            }
        ]
    }   
];

@NgModule({
    imports: [RouterModule.forRoot(routes, {enableTracing: true})],
    exports: [RouterModule]
})
export class AppRoutingModule { }

我的错误是：

ERROR 错误：未捕获（在承诺中）：错误：无法匹配任何路由。URL 段：“个人”错误：无法匹配任何路由。URL 段：“个人”

也许有人可以告诉我的设置有什么问题？

标签： angular

Answer 1

将 移动到personal与第一个相同的水平''。

const routes: Routes = [
    {
        path: '',
        pathMatch: 'full',
        redirectTo: 'personal'
    },
    {
        path: 'personal',
        outlet: 'main',
        component: SoftwareComponent,
        children: [
            {
                path: '',
                loadChildren: './components/software/data/personal/personal.module#PersonalModule' 
            },
            {
                path: '',
                loadChildren: './components/software/header/header-personal/header-personal.module#HeaderPersonalModule'
            }
        ]
      }
    }   
];