Я пытаюсь преобразовать мое приложение Angular 7 в модули, чтобы загружать их лениво.Когда я запускаю с модулями, браузер говорит:
core.js: 18374 Ошибка: ошибка: не найдена (в обещании): ошибка: не удается найти модуль './orders/orders.module'
Не удается найти модуль './orders/orders.module'
Я не уверен, почему это происходит, поскольку файл .../src/app/orders/orders.module.ts определенно существует.Изначально у меня был каталог .../src/app/orders и несколько компонентов.Для реализации модулей, которые я сделал,
% mv src/app/orders orders
% ng g m orders --routing
% mv orders/* src/app/orders
Затем я удалил все маршруты из app-routing.module.ts и заменил его следующим, так что по умолчанию при переходе в приложение вы попадете в список заказов.
{
path: 'orders',
loadChildren: './orders/orders.module#OrdersModule'
},
{
path: '',
redirectTo: 'orders',
pathMatch: 'full'
}
И тогда orders-routing.module.ts выглядит так:
import {NgModule} from '@angular/core';
import {RouterModule, Routes} from '@angular/router';
import {OrderEditComponent} from './order-edit/order-edit.component';
import {OrderListComponent} from './order-list/order-list.component';
const routes: Routes = [
{path: 'edit', component: OrderEditComponent},
{path: 'byMonth', component: OrderListComponent},
{path: '', component: OrderListComponent},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class OrdersRoutingModule {
}
orders.module выглядит так:
import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {OrdersRoutingModule} from './orders-routing.module';
import {OrderListComponent} from './order-list/order-list.component';
import {OrderEditComponent} from './order-edit/order-edit.component';
@NgModule({
declarations: [
OrderListComponent,
OrderEditComponent
],
imports: [
CommonModule,
OrdersRoutingModule
]
})
export class OrdersModule {
}
Вы можете видеть, что файлы существуют вправильное место.
