AOT build produces applications unable to lazy load modules

[slmyers]

angular-cli: 1.0.0-beta.16
node: 6.0.0
os: linux x64

reproduction repo can be found here

The log given by the failure.

main.cfeed71….bundle.js:547 EXCEPTION: Uncaught (in promise): Error: Cannot find module 
'app/lazy/lazy.module.ngfactory'.

It seems that aot option can not build project that lazily loads modules. I would hope that one could use the patterns in the official documentation -- which I believe I'm doing -- and use the -- aot option to compile your app easily. I would appreciate any clarification as to whether this is an issue with the CLI or with the compiler. Thanks.

[slmyers]

###update

I think the LazyModule may not have been compiled, because there is a 0.map but no 0.chunk.js in the dist folder.

[Delagen]

#2112 seems aot process does not polished.
I issue No module factory available for dependency type: ContextElementDependency for lazyRoutes dependencies

[coryrylan]

I have this same issue as well. I dont have a repo to show yet but I get the same error as above.
I ran ng build --prod --aot. Also one thing to note my outDir is set to dist/build instead of the default path.

angular-cli: 1.0.0-beta.16
node: 6.4.0
os: win32 x64

main.166efb8….bundle.js:1494 Unhandled Promise rejection: Cannot find module 'app/account/account.module.ngfactory'. ; Zone: angular ; Task: Promise.then ; Value: Error: Cannot find module 'app/account/account.module.ngfactory'.(…) Error: Cannot find module 'app/account/account.module.ngfactory'.

[achimha]

I have the same problem and also don't see compiled code for the lazy modules, only the .ngfactory.ts file.

[filipesilva]

In beta.16 the --aot flag was still experimental. Can you repro in beta.17?

[Delagen]

@filipesilva the same error. No changes in the main function in beta16->beta17 upgrade as I specified in #2112 (comment)
You can get source from @tianyangj comment
The only changes is NgcWebpackPlugin -> AotPlugin rename and some cleanup in plugin arguments.

[achimha]

With b17 I still don't get the lazy route modules compiled by ng build --prod --aot. There isn't even an ngfactory file, just a main bundle. For some reason the loadChildren does not trigger the compilation.

I have a file app/src/lazy/lazy.routes.ts:

export const lazyRoutes: Routes = [
    {
        path: 'signup',
        loadChildren: 'app/lazy/signup/signup.module#SignupModule'
    }
];

This route definition is part of the main route definition in app/app-routing.module.ts:

const routes: Routes = [
    {
        path: '',
        component: FrontpageComponent
    },
    {
        path: 'login',
        component: LoginComponent
    },
    ...lazyRoutes,
    {
        path: '**',
        component: NotFoundComponent
    },
];

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

I tried changing the loadChildren paths to be relative but then the JIT version throws as well, it has to start with app/.