Я работаю над шаблоном, который имеет много компонентов и использует ленивую загрузку для маршрутизации.Я удалил все встроенные компоненты и файл маршрутизации.И я создал свои собственные компоненты и обычный файл модуля маршрутизации.
Это файл модуля маршрутизации:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { TicketsComponent } from './tickets/tickets.component';
import { AddTicketComponent } from './tickets/add-ticket/add-ticket.component';
import { MainComponent } from './main/main.component';
import { EditTicketComponent } from './tickets/edit-ticket/edit-ticket.component';
import { TicketDetailComponent } from './tickets/ticket-detail/ticket-detail.component';
import { NotFoundComponent } from './not-found/not-found.component';
import { LoginComponent } from './auth/login/login.component';
import { SignupComponent } from './auth/signup/signup.component';
const routes: Routes = [,
{path: 'login', component: LoginComponent},
{path: 'signup', component: SignupComponent},
{path: '', component: MainComponent, children: [
{path: 'tickets', component: TicketsComponent, pathMatch: 'full', data: {breadcrumb: 'Tickets'}},
{path: 'tickets/add', component: AddTicketComponent, pathMatch: 'full', data: {breadcrumb: 'Ticket'}},
{path: 'tickets/:id', component: TicketDetailComponent, pathMatch: 'full', data: {breadcrumb: 'Ticket'}},
{path: 'tickets/:id/edit', component: EditTicketComponent, pathMatch: 'full', data: {breadcrumb: 'Modifier le ticket'}}
]},
{path: '**', component: NotFoundComponent}
];
@NgModule({
imports: [
RouterModule.forRoot(routes)
],
exports: [
RouterModule
]
})
export class AppRoutingModule {}
И это файл модуля приложения:
@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
FormsModule,
PerfectScrollbarModule,
NgbModule,
MultiselectDropdownModule,
AgmCoreModule.forRoot({
apiKey: 'AIzaSyBNcjxo_35qnEG17dQvvftWa68eZWepYE0'
}),
CalendarModule.forRoot(),
ToastrModule.forRoot(),
PipesModule,
ReactiveFormsModule,
CKEditorModule,
AppRoutingModule,
Ng2SmartTableModule
],
declarations: [
AppComponent,
HeaderComponent,
FooterComponent,
SidebarComponent,
VerticalMenuComponent,
HorizontalMenuComponent,
BreadcrumbComponent,
BackTopComponent,
FullScreenComponent,
ApplicationsComponent,
MessagesComponent,
UserMenuComponent,
FlagsMenuComponent,
SideChatComponent,
FavoritesComponent,
NotFoundComponent,
AddTicketComponent,
TicketsComponent,
MainComponent,
EditTicketComponent,
TableComponent,
ToasterComponent,
TicketDetailComponent,
SelectionComponent,
ResponseComponent,
ResponseAddComponent,
ResponseEditComponent,
CommentsComponent,
CommentAddComponent,
SignupComponent,
LoginComponent
],
providers: [
AppSettings,
TicketsService,
ResponseService,
CommentsService,
{ provide: PERFECT_SCROLLBAR_CONFIG, useValue: DEFAULT_PERFECT_SCROLLBAR_CONFIG }
],
bootstrap: [ AppComponent ]
})
export class AppModule { }
когда я запускаю ng serve, я получаю эту ошибку:
ОШИБКА в Не удается прочитать свойство 'loadChildren' из неопределенного
Даже когда я консоль, войдите в ngonInitкомпонент приложения, в консоли ничего не отображается.PS: я не использую ленивую загрузку в любом месте проекта.