这可能是因为路由预加载导致的。要解决此问题,请按照以下步骤操作:
在 app-routing.module.ts 文件中,将所有路由的属性更改为:{preloadingStrategy: NoPreloading}。
在根模块(通常是 app.module.ts)中,导入 NoPreloading:
import {NoPreloading } from '@angular/router';
providers: [NoPreloading],
以下是修改后的 app-routing.module.ts 文件示例:
import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { NoPreloading } from '@angular/router';
const routes: Routes = [ { path: '', loadChildren: './home/home.module#HomeModule'}, { path: 'profile', loadChildren: './profile/profile.module#ProfileModule'}, { path: '**', redirectTo: ''} ];
@NgModule({ imports: [RouterModule.forRoot(routes, {preloadingStrategy: NoPreloading})], exports: [RouterModule] }) export class AppRoutingModule { }
以下是修改后的 app.module.ts 文件示例:
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { NoPreloading } from '@angular/router'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component';
@NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, AppRoutingModule ], providers: [NoPreloading], bootstrap: [AppComponent] }) export class AppModule { }
通过以上步骤,应该可以解决这个问题。