Javascript 角度4布线不工作

Javascript 角度4布线不工作,javascript,angular,Javascript,Angular,角度布线不起作用。。这是密码 routs.ts:路由url定义文件 import {BlankComponent} from "../layouts/blank.component"; export const routes=[ { path:'', component:BlankComponent, children:[ { path: '', redirectTo: 'home', pathMatch: 'full' }, {

角度布线不起作用。。这是密码

routs.ts:路由url定义文件

import {BlankComponent} from "../layouts/blank.component";
export const routes=[
    {

    path:'',
    component:BlankComponent,
    children:[
        { path: '', redirectTo: 'home', pathMatch: 'full' },
        { path: 'home', loadChildren: '../pages/dashboard/dashboard.module#DashboardModule' }
    ]
},
{ path: '**', redirectTo: 'home' }

]
routes.module.ts:路由模块

import {NgModule} from "@angular/core";
import {RouterModule} from "@angular/router";
import { routes } from './routes';

@NgModule({
imports:[RouterModule.forRoot(routes)],
exports:[RouterModule,]
})

export class RoutesModule{

constructor(){

}
}
布局模块:

import {NgModule} from "@angular/core";
import { RouterModule } from '@angular/router';
import {BlankComponent} from "./blank.component";
import {TopnavComponent} from "./topnav.component";

@NgModule({
declarations:[BlankComponent,TopnavComponent],
exports:[BlankComponent,TopnavComponent,RouterModule],
imports:[]
})
export class LayoutsModule{}
空白部分:

import {Component} from "@angular/core";

@Component({

  selector:"sig-blank",
  templateUrl:'./blank.component.html'

})
export class BlankComponent{}
应用程序模块:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import {LayoutsModule} from './layouts/layouts.module'
import {RoutesModule} from "./routes/routes.module"
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
     BrowserModule,
    LayoutsModule,
    RoutesModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
blank.component.html

<div class="wrapper">

    <section>

        <div class="container">
            <router-outlet></router-outlet>
        </div>
    </section>
</div>
 <router-outlet></router-outlet>

app.component.html

<div class="wrapper">

    <section>

        <div class="container">
            <router-outlet></router-outlet>
        </div>
    </section>
</div>
 <router-outlet></router-outlet>

这是我在项目中使用的代码。但是路由不起作用。
我的代码中有什么错误。实际上,我的./blank.component.html中有标记,我没有将其包括在问题中。现在显示的页面仅为app.component.html中的内容

您需要在{path:'home',component:ComponentName,loadChildren:'../pages/dashboard/dashboard.module#DashboardModule}处给出组件名称

也许您应该详细说明“不工作”的含义?@cartant。问题已编辑。您正在使用嵌套路由。很抱歉,我在实现这一点时遇到了很多问题:(