收到错误 找不到模块'app/dashboard/first/first.module'

Question

我收到一个奇怪的错误。我正在开发基于角度 4 的项目。 遵循我的代码结构

• .app
• app.component.html
• app.component.ts
• app.module.ts
• app.routing.module.ts
  • 挡泥板
  • dashboard.component.html
  • dashboard.component.ts
  • dashboard.module.ts
  • dashboard.routing.module.ts
    • 第一
    • 第一组件.html
    • first.component.ts
    • first.module.ts
    • first.routing.module.ts

当我尝试首先从仪表板加载时，出现以下错误。

ERROR Error: Uncaught (in promise): Error: Cannot find module 'app/dashboard/first/first.module'.
Error: Cannot find module 'app/dashboard/first/first.module'.
at webpackAsyncContext (src async:14)
at SystemJsNgModuleLoader.webpackJsonp.../../../core/@angular/core.es5.js.SystemJsNgModuleLoader.loadAndCompile (core.es5.js:5644)
at SystemJsNgModuleLoader.webpackJsonp.../../../core/@angular/core.es5.js.SystemJsNgModuleLoader.load (core.es5.js:5632)
at RouterConfigLoader.webpackJsonp.../../../router/@angular/router.es5.js.RouterConfigLoader.loadModuleFactory (router.es5.js:3417)
at RouterConfigLoader.webpackJsonp.../../../router/@angular/router.es5.js.RouterConfigLoader.load (router.es5.js:3401)
at MergeMapSubscriber.project (router.es5.js:1569)

以下是我的app.routing.module代码

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{ path: '', loadChildren: 'app/login/login.module' },
{ path: 'dashboard', loadChildren: 'app/dashboard/dashboard.module' },
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }

在编译时没有错误。但是，当我在dashboard.routing.module.ts中添加一个空格并保存文件时，错误消失了，路由工作正常。它运行平稳，直到我重新启动节点服务器。

Answer 1

尝试像这样更改代码。

const routes: Routes = [
{ path: '', loadChildren: 'app/login/login.module#loginModule'},
{ path: 'dashboard', loadChildren: 'app/dashboard/dashboard.module#dashboardModule' },     
{ path: 'dashboard/first',loadChildren:'app/dashboard/first.module#firstModule'}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { } 

查看有关加载儿童信息的更多信息 加载子项概念