"Can not find module" 错误消息出现在浏览器控制台中

Question

我是 Angular CLI 的新手。我运行跟随 Angular 项目根目录下的行。

issue-management\src\webui>ng generate module pages\dashboard
issue-management\src\webui>ng generate component pages\dashboard

但是 "moduleName-routing.module.ts" 文件没有生成，是手动创建的。我试图用“--routing”参数创建一个模块，但结果没有改变。浏览器中出现相同的错误消息。文件夹结构：

仪表板-routing.module.ts文件：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import {DashboardComponent} from './dashboard.component';

const routes: Routes = [
  {
    path: '',
    component: DashboardComponent
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class DashboardRoutingModule { }

dashboard.module.ts 文件:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { DashboardRoutingModule } from './dashboard-routing.module';
import { DashboardComponent } from './dashboard.component';


@NgModule({
  declarations: [DashboardComponent],
  imports: [
    CommonModule,
    DashboardRoutingModule
  ]
})
export class DashboardModule { }

应用程序-routing.module.ts 文件：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';


const routes: Routes = [
  {
    path: '',
    children: [
      {path: '', pathMatch: 'full', redirectTo: 'dashboard'},
      {path: 'dashboard', loadChildren: './pages/dashboard/dashboard.module#DashboardModule'},
      {path: 'issue', loadChildren: './pages/issue/issue.module#IssueModule'},
      {path: 'project', loadChildren: './pages/project/project.module#ProjectModule'}
    ]
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

浏览器控制台中显示以下错误消息。

ERROR Error: Uncaught (in promise): Error: Cannot find module './pages/dashboard/dashboard.module'
Error: Cannot find module './pages/dashboard/dashboard.module'

Answer 1

您可以尝试使用 import promise 加载子项，如下所示：

...

{
   path: 'dashboard', 
   loadChildren: () => import('./pages/dashboard/dashboard.module').then(m => m.DashboardModule)
},

...

"Can not find module" 错误消息出现在浏览器控制台中

"Can not find module" error message is appearing in browser console

typescript

angular-cli

angular