Roteador Angular 2 - Tomadas nomeadas

A documentação não é muito boa, mas estou tentando ter diferentes saídas de roteador na mesma página / rota.

Eu tenho isso no meu app.component.html

<router-outlet></router-outlet>
<router-outlet name="dashboard"></router-outlet>

Meu app.routes.ts

{
    path: '',
    component: HomeComponent,
    outlet: 'primary'
},
{
    path: '',
    component: DashboardComponent,
    outlet: 'dashboard'
},
{
    path: '**',
    redirectTo: '404'
}

Portanto, na minha página inicial (ou seja, "example.com", não "example.com; painel: painel"), quero mostrar o Homecomponent na tomada principal do roteador e o meu Dashboardcomponent na tomada Dashboard. Isso funcionou com o ngrs / router, mas como está obsoleto, estou tentando migrar. É possível sem o painel; painel: angular / roteador?

Com essa configuração, estou sendo redirecionado para 404. Também tentei isso sem sorte:

{
    path: '',
    component: HomeComponent,
    children: [
        {
            path: '',
            component: DashboardComponent,
            outlet: 'dashboard'
        }
    ]
},

Alguém já conseguiu fazer com que as saídas dos roteadores nomeadas funcionem?

ATUALIZAR Em relação às notas de migração do ngrx / roteador para o angular / roteador, você deve ter o seguinte:

{
    path: 'blog',
    component: HomeComponent,
    outlet: 'main'
},
{
    path: 'blog',
    component: RegisterComponent,
    outlet: 'dashboard'
}

Mas quando vou para example.com/blog, recebo este erro no console:

Erro: não é possível corresponder a nenhuma rota: 'blog'

https://github.com/ngrx/router/blob/master/docs/overview/migration.md

questionAnswers(2)

yourAnswerToTheQuestion