【问题标题】:Angular can't find custom moduleAngular 找不到自定义模块
【发布时间】:2019-05-27 15:05:07
【问题描述】:

我正在尝试将我的 Angular 7 应用程序转换为使用模块,以便延迟加载。当我使用模块运行时,浏览器会说

core.js:18374 ERROR 错误:未捕获(承诺中):错误:找不到模块 './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 {
}

您可以看到文件存在于正确的位置。

【问题讨论】:

  • 请提供树目录和模块路由文件。
  • 我更新了问题以显示该数据。
  • 是否可以从资源管理器菜单中截取树文件?
  • 您具体想看什么?那里还有很多其他的东西。
  • 好的,我想这就是你想要的,现在粘贴到问题中。

标签: angular angular-routing angular7 angular-module


【解决方案1】:

好的,我建议使用 Angular CLI 创建一个新项目,复制 app 文件夹,粘贴到新项目中,然后重新运行它。

【讨论】:

    【解决方案2】:

    在根模块中导入 OrdersModule。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-03-09
      • 1970-01-01
      • 2013-05-15
      • 1970-01-01
      • 1970-01-01
      • 2019-10-14
      • 1970-01-01
      相关资源
      最近更新 更多