如何将主路由器重定向到我的组件？

Question

我希望当我的角度站点加载时，它应该在下面的代码中直接显示我想要的组件，我想将第一个孩子显示为网站的主页。但是当我尝试它时，仅显示模板加载的空白屏幕。

export const rootRouterConfig: Routes = [  
{ 
    path : '',
    component : MainComponent,
    children: [ 
    {
        path : '',
        loadChildren: './shop/shop.module#ShopModule'
    },
    { 
        path: 'pages',
        loadChildren: './pages/pages.module#PagesModule'
    },
    { 
        path: 'blog',
        loadChildren: './blog/blog.module#BlogModule'
    }
    ]
},
{ 
    path: '**', 
    redirectTo: 'home/one'
}
];

但是当我通过以下一种方式进行操作时，我必须写主页以获取网站的主页。

{ 
    path: '', 
    redirectTo: 'home', 
    pathMatch:'full'
},
{ 
    path : 'home',
    component : MainComponent,

    children: [ 
    {
        path : '',
        loadChildren: './shop/shop.module#ShopModule'
    },
    { 
        path: 'pages',
        loadChildren: './pages/pages.module#PagesModule'
    },
    { 
        path: 'blog',
        loadChildren: './blog/blog.module#BlogModule'
    }
    ]
},
{ 
    path: '**', 
    redirectTo: 'home/one'
}
];