Angular找不到自定义模块

Question

我正在尝试将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 {
}

您可以看到文件存在于适当的位置。

Answer 1

好吧，我建议使用角度CLI创建一个新项目，复制应用程序文件夹，粘贴到新项目中，然后重新运行它。

Answer 2

在根模块中导入OrdersModule。