Angular не может найти настраиваемый модуль

Я пытаюсь преобразовать свое приложение 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 {
}

Вы можете видеть, что файлы находятся в нужном месте.

введите описание изображения здесь


person Gargoyle    schedule 30.12.2018    source источник
comment
предоставьте древовидный каталог и файл маршрутизации модуля.   -  person Yoarthur    schedule 31.12.2018
comment
Я обновил вопрос, чтобы показать эти данные.   -  person Gargoyle    schedule 31.12.2018
comment
можно ли сделать скриншот файла дерева из меню проводника ?.   -  person Yoarthur    schedule 31.12.2018
comment
Что конкретно вы хотите увидеть? Там еще куча всего.   -  person Gargoyle    schedule 31.12.2018
comment
Хорошо, я думаю, что это то, что вы хотите, теперь вставьте в вопрос.   -  person Gargoyle    schedule 31.12.2018
comment
отлично, можете ли вы предоставить модуль order.module   -  person Yoarthur    schedule 31.12.2018
comment
Очень скоро вы попросите меня загрузить весь проект: P   -  person Gargoyle    schedule 31.12.2018
comment
Позвольте нам продолжить это обсуждение в чате.   -  person Yoarthur    schedule 31.12.2018


Ответы (2)


Хорошо, я предлагаю создать новый проект с использованием angular CLI, скопировать папку приложения, вставить новый проект и повторно запустить его.

person Yoarthur    schedule 30.12.2018

Импортируйте OrdersModule в корневой модуль.

person Jkumar    schedule 09.04.2020