我有一个共享模块，负责登录 . 我在我的appmodule和其他延迟加载的模块中使用它 .

我正在分享我的代码： -

shared.module.ts file

import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { FormsModule } from '@angular/forms';
    import { HttpModule } from '@angular/http';
    import { SharedRoutingModule } from './shared-routing.module';
    import { UserauthComponent } from './userauth/userauth.component';

    @NgModule({
      imports: [
        CommonModule,
        SharedRoutingModule,
        FormsModule,
        HttpModule
      ],
      declarations: [ 
            UserauthComponent
        ],
        exports:
        [
            CommonModule,
            UserauthComponent,
            FormsModule
        ]
    })
    export class SharedModule { }

共享路由模块： - ** shared-routing.module.ts **

import { NgModule } from '@angular/core';
    import { Routes, RouterModule } from '@angular/router';

    const routes: Routes = [];

    @NgModule({
      imports: [RouterModule.forChild(routes)],
      exports: [RouterModule]
    })
    export class SharedRoutingModule { }

在我的appmodule中，我已经包含了这个共享模块，我的app-routing.module.ts文件由延迟加载的路由组成 . 我试图从我的共享模块内的组件导航这个延迟加载的路由之一 . app.module.ts中的代码 .

import { SharedModule } from './shared/shared.module';
@NgModule({
  declarations: [
   ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    SharedModule,
  ],
  providers: [ 

  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

app-routing.module.ts中的路由部分

const routes: Routes = [

  { 
    path: '',
    component: ApplayoutComponent, 
    children: [
      {
         path: 'profile', 
         loadChildren: './userprofile/userprofile.module#UserprofileModule' 
      }

    ]
]

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

**

在我的userauth组件中，我正在尝试导航共享模块： - Blockquote

**

this.route.navigate(['/profile']);

But it is not working, what is wrong in this code?

angular5