在Angular 5中,惰性加载模块中的入口组件无法正常工作可能是由于模块的加载方式不正确导致的。以下是一种解决方法,包含了代码示例:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { EntryComponent } from './entry.component';
@NgModule({
imports: [
CommonModule
],
declarations: [
EntryComponent
],
exports: [
EntryComponent
]
})
export class EntryModule { }
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{
path: 'lazy',
loadChildren: './lazy-module/lazy.module#LazyModule'
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
@NgModule({
imports: [
BrowserModule,
AppRoutingModule
],
declarations: [
AppComponent
],
bootstrap: [AppComponent]
})
export class AppModule { }
通过以上步骤,你应该能够正确地在Angular 5中实现惰性加载模块中的入口组件的工作。