角形5中的路由器出口重复

Question

我将一个正在运行的项目从4号角升级到5号角。登录后，假定的仪表板将复制选择器中的项目。我已经完成了该项目，并且已经进行了可能的清理，但没有解决方案。

这是我的Appmodule

@NgModule({
  imports: [
    routing,
    HttpModule,
    FormsModule,
    SharedModule,
    BrowserModule,
    ReactiveFormsModule,
    PipesModule.forRoot()
  ],
  declarations: [
    DashboardComponent
  ],
  providers: [
    ApiService,
    DataService,
    TokenReissuer,
    HelperService,
    CreatePinGuard,
    IsLoggedInGuard,
    IsLoggedOutGuard,
    FundTransferGaurd,
    SavingsGuardService,
    ResetPasswordResolver,
    OnboardingGuardService,
    CreateVirtualCardGuard,
    MaintenanceGuardService,
    MailSubscriptionResolver,
    MaintenanceResolverService,
    ResetSecurityQuestionResolver,
  ],
  bootstrap: [AppComponent]
})

export class AppModule {}

登录成功后，我有

this.router.navigate(['dashboard']);

我的仪表板组件

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

import { routes, ApiService, DataService, SystemConstant } from './../shared/';

@Component({
  selector: 'alat-dashboard',
  templateUrl: './dashboard.component.html',
  styleUrls: ['./dashboard.component.scss']
})
export class DashboardComponent implements OnInit {
ngOnInit() {
    $('.app-wrapper').delegate('.card-wrapper', 'click', function () {
      $(this).toggleClass('expand');
    });
    this.loanEligibility();
  }
}

我的dashboard.html

<div class="dashboard">
// some code
</div>

应用程序组件html

<router-outlet></router-outlet>

app.routing

const routes: Routes = [
  { path: '', redirectTo: 'signup', pathMatch: 'full'},
  { path: 'car', component: CarouselComponent },
  { path: 'blank', component: BlankComponent },
  {path: 'redirect-r', component:RedirectComponentComponent} ,
  {path: 'redirect-rec', component:RedirectToRecurringComponent} ,
  {path: 'vt-redirect', component:VtRedirectComponent},
  {path: 'cvt-redirect', component:CvtRedirectComponent},
  ...OnboardingRoutes,
  ...MaintenanceRoutes,
  { path: '',
    component: AuthenticateRoutesComponent,
    canActivate: [IsLoggedInGuard],
    children: [
      ...ContactUsRoute,
      { path: 'dashboard', component: DashboardComponent },
      { path: 'accounts', loadChildren: 'app/accounts/accounts.module#AccountsModule'},
      { path: '', loadChildren: 'app/fundAccount/fundAccount.module#FundAccountModule' }
    ]
  },
];

export const routing = RouterModule.forRoot(routes, { useHash: true, preloadingStrategy: PreloadAllModules });