ng build --prod Error

[jiayisheji]

Bug Report or Feature Request (mark with an x)

- [ ] bug report -> please search issues before submitting
- [ ] feature request

Versions.

@angular/cli: 1.4.7
node: 8.4.0
os: win32 x64
@angular/animations: 4.4.5
@angular/common: 4.4.5
@angular/compiler: 4.4.5
@angular/core: 4.4.5
@angular/flex-layout: 2.0.0-beta.9
@angular/forms: 4.4.5
@angular/http: 4.4.5
@angular/platform-browser: 4.4.5
@angular/platform-browser-dynamic: 4.4.5
@angular/router: 4.4.5
@angular/cli: 1.4.7
@angular/compiler-cli: 4.4.5
@angular/language-service: 4.4.5
typescript: 2.3.4

Repro steps.

AppRouting config

const routes: Routes = [
  {
    path: '',
    component: LayoutComponent,
    children: [
      {
        path: '',
        redirectTo: '/login',
        pathMatch: 'full'
      },
      {
        path: 'visual',
        loadChildren: './pages/visual#VisualModule'
      },
      {
        path: 'backstage',
        loadChildren: './pages/backstage#BackstageModule'
      },
      {
        path: 'alarm',
        loadChildren: './pages/alarm#AlarmModule'
      },
      {
        path: 'store',
        loadChildren: './pages/store#StoreModule'
      }
    ]
  },
  {
    path: 'login',
    component: LoginComponent
  },
  {
    path: '404',
    component: NotFoundComponent
  },
  {
    path: '**',
    component: NotFoundComponent
  }
];

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

File directory structure

The log given by the failure.

ERROR in . / src / $$_gendir lazy
Module not found: Error: Can 't resolve '
D: \angular4\ src\ $$_gendir\ app\ pages\ alarm\ index.ngfactory.ts ' in '
D: \angular4\ src\ $$_gendir '
resolve 'D:\angular4\src\$$_gendir\app\pages\alarm\index.ngfactory.ts' in 'D:\angular4\src\$$_gendir'
using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir)
Field 'browser'
doesn 't contain a valid alias configuration
after using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir)
using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir / app / pages / alarm / index.ngfactory.ts)
no extension
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ alarm\ index.ngfactory.ts doesn 't exist
    .ts
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ alarm\ index.ngfactory.ts.ts doesn 't exist
    .js
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ alarm\ index.ngfactory.ts.js doesn 't exist
as directory
D: \angular4\ src\ $$_gendir\ app\ pages\ alarm\ index.ngfactory.ts doesn 't exist [D: \angular4\ src\ $$_gendir\ app\ pages\ alarm\ index.ngfactory.ts] [D: \angular4\ src\ $$_gendir\ app\ pages\ alarm\ index.ngfactory.ts.ts]
    [D: \angular4\ src\ $$_gendir\ app\ pages\ alarm\ index.ngfactory.ts.js]
    [D: \angular4\ src\ $$_gendir\ app\ pages\ alarm\ index.ngfactory.ts]
@. / src / $$_gendir lazy
@. / node_modules / @angular / core / @angular / core.es5.js
@. / src / main.ts
@ multi. / src / main.ts
ERROR in . / src / $$_gendir lazy
Module not found: Error: Can 't resolve '
D: \angular4\ src\ $$_gendir\ app\ pages\ backstage\ index.ngfactory.ts ' in '
D: \angular4\ src\ $$_gendir '
resolve 'D:\angular4\src\$$_gendir\app\pages\backstage\index.ngfactory.ts' in 'D:\angular4\src\$$_gendir'
using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir)
Field 'browser'
doesn 't contain a valid alias configuration
after using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir)
using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir / app / pages / backstage / index.ngfactory.ts)
no extension
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ backstage\ index.ngfactory.ts doesn 't exist
    .ts
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ backstage\ index.ngfactory.ts.ts doesn 't exist
    .js
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ backstage\ index.ngfactory.ts.js doesn 't exist
as directory
D: \angular4\ src\ $$_gendir\ app\ pages\ backstage\ index.ngfactory.ts doesn 't exist [D: \angular4\ src\ $$_gendir\ app\ pages\ backstage\ index.ngfactory.ts] [D: \angular4\ src\ $$_gendir\ app\ pages\ backstage\ index.ngfactory.ts.ts]
    [D: \angular4\ src\ $$_gendir\ app\ pages\ backstage\ index.ngfactory.ts.js]
    [D: \angular4\ src\ $$_gendir\ app\ pages\ backstage\ index.ngfactory.ts]
@. / src / $$_gendir lazy
@. / node_modules / @angular / core / @angular / core.es5.js
@. / src / main.ts
@ multi. / src / main.ts
ERROR in . / src / $$_gendir lazy
Module not found: Error: Can 't resolve '
D: \angular4\ src\ $$_gendir\ app\ pages\ store\ index.ngfactory.ts ' in '
D: \angular4\ src\ $$_gendir '
resolve 'D:\angular4\src\$$_gendir\app\pages\store\index.ngfactory.ts' in 'D:\angular4\src\$$_gendir'
using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir)
Field 'browser'
doesn 't contain a valid alias configuration
after using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir)
using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir / app / pages / store / index.ngfactory.ts)
no extension
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ store\ index.ngfactory.ts doesn 't exist
    .ts
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ store\ index.ngfactory.ts.ts doesn 't exist
    .js
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ store\ index.ngfactory.ts.js doesn 't exist
as directory
D: \angular4\ src\ $$_gendir\ app\ pages\ store\ index.ngfactory.ts doesn 't exist [D: \angular4\ src\ $$_gendir\ app\ pages\ store\ index.ngfactory.ts] [D: \angular4\ src\ $$_gendir\ app\ pages\ store\ index.ngfactory.ts.ts]
    [D: \angular4\ src\ $$_gendir\ app\ pages\ store\ index.ngfactory.ts.js]
    [D: \angular4\ src\ $$_gendir\ app\ pages\ store\ index.ngfactory.ts]
@. / src / $$_gendir lazy
@. / node_modules / @angular / core / @angular / core.es5.js
@. / src / main.ts
@ multi. / src / main.ts
ERROR in . / src / $$_gendir lazy
Module not found: Error: Can 't resolve '
D: \angular4\ src\ $$_gendir\ app\ pages\ visual\ index.ngfactory.ts ' in '
D: \angular4\ src\ $$_gendir '
resolve 'D:\angular4\src\$$_gendir\app\pages\visual\index.ngfactory.ts' in 'D:\angular4\src\$$_gendir'
using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir)
Field 'browser'
doesn 't contain a valid alias configuration
after using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir)
using description file: D: \angular4\ package.json(relative path: . / src / $$_gendir / app / pages / visual / index.ngfactory.ts)
no extension
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ visual\ index.ngfactory.ts doesn 't exist
    .ts
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ visual\ index.ngfactory.ts.ts doesn 't exist
    .js
Field 'browser'
doesn 't contain a valid alias configuration
D: \angular4\ src\ $$_gendir\ app\ pages\ visual\ index.ngfactory.ts.js doesn 't exist
as directory
D: \angular4\ src\ $$_gendir\ app\ pages\ visual\ index.ngfactory.ts doesn 't exist [D: \angular4\ src\ $$_gendir\ app\ pages\ visual\ index.ngfactory.ts] [D: \angular4\ src\ $$_gendir\ app\ pages\ visual\ index.ngfactory.ts.ts]
    [D: \angular4\ src\ $$_gendir\ app\ pages\ visual\ index.ngfactory.ts.js]
    [D: \angular4\ src\ $$_gendir\ app\ pages\ visual\ index.ngfactory.ts]
@. / src / $$_gendir lazy
@. / node_modules / @angular / core / @angular / core.es5.js
@. / src / main.ts
@ multi. / src / main.ts

Desired functionality.

Mention any other details that might be useful.

[jiayisheji]

const routes: Routes = [ { path: '', component: LayoutComponent, children: [ { path: '', redirectTo: '/login', pathMatch: 'full' }, { path: 'visual', loadChildren: 'app/pages/visual/visual.module#VisualModule' }, { path: 'backstage', loadChildren: 'app/pages/backstage/backstage.module#BackstageModule' }, { path: 'alarm', loadChildren: 'app/pages/alarm/alarm.module#AlarmModule' }, { path: 'store', loadChildren: 'app/pages/store/store.module#StoreModule' } ] }, { path: 'login', component: LoginComponent }, { path: '404', component: NotFoundComponent }, { path: '**', component: NotFoundComponent } ];

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

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}