由于路由配置问题，走了很多坑，此篇送给共同奋斗的angular小白们

不多说 直接上代码

app.component.html

<router-outlet></router-outlet>

就一个路由出口，简单明了

其他module引入路由方式

app-routing.module.ts

const routes: Routes = [{ path: '', pathMatch: 'full', redirectTo: '/notindexmain' },{ path: 'mainlayout', loadChildren: './page/mainlayout/mainlayout.module#MainlayoutModule'},{ path: 'xxx', loadChildren: './page/xxx/xxx.module#XxxModule'}
];

mainlayout和notindex.main都是page文件夹下的module

我们在mainlayout下面配置子路由

mainlayout.component.html

  <a [routerLink]="[ '/mainlayout/welcome']">name</a><a [routerLink]="[ '/mainlayout/mainchart']">name</a><router-outlet></router-outlet>

注意看：
路径写法为： /mainlayout/welcome

mainlayout-routing.module.ts

const routes: Routes = [// { path: '', pathMatch: 'full', redirectTo: '/mainlayout' },{ path: '', component: MainlayoutComponent,children:[{ path: 'welcome', loadChildren: () => import('../welcome/welcome.module').then(m => m.WelcomeModule) },{ path: 'mainchart', loadChildren: () => import('../main/main.module').then(m => m.MainModule) },]}
];

这样就实现了父路由下再配置子路由的情况
时间原因，图后期贴出