braincrumbz/ngtools-webpack-demo

Angular 2 sample application with lazy loaded module + AOT build by @ngtools/webpack

ngtools-webpack-demo's Issues

Adding ngx-bootstrap fails AOT build

See issue created on ngx-bootstrap project page. Initial issue contents copied here as well:

---

Starting from a working simple project with AOT building correctly: BrainCrumbz/ngtools-webpack-demo/. Just adding Bootstrap CSS stylesheet and registering TabsModule.forRoot() causes the following:

ERROR in Error encountered resolving symbol values statically. Calling function 'TabsModule', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol AppModule in D:/WS/JS/ngtools/ngtools-webpack-demo/src/app/module.ts, resolving symbol AppModule in D:/WS/JS/ngtools/ngtools-webpack-demo/src/app/module.ts

See this commit to see changes made and to repro issue.

Environment:

• ngx-bootstrap 1.8.1
• angular 4.3.4
• ngtools/webpack 1.3.3
• webpack 2.5.1
• Win 10 x64

Error: Can't resolve './src/app/module.ngfactory'

I've cloned repo, installed packages and when run npm run build-prod have next error:

ERROR in ./src/main.browser.ts
Module not found: Error: Can't resolve './src/app/module.ngfactory' in '/home/sergey/projects/ngtools-webpack-demo/src'
resolve './src/app/module.ngfactory' in '/home/sergey/projects/ngtools-webpack-demo/src'
  using description file: /home/sergey/projects/ngtools-webpack-demo/package.json (relative path: ./src)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: /home/sergey/projects/ngtools-webpack-demo/package.json (relative path: ./src)
    using description file: /home/sergey/projects/ngtools-webpack-demo/package.json (relative path: ./src/src/app/module.ngfactory)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/src/app/module.ngfactory doesn't exist
      .ts
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/src/app/module.ngfactory.ts doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/src/app/module.ngfactory.js doesn't exist
      .json
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/src/app/module.ngfactory.json doesn't exist
      as directory
        /home/sergey/projects/ngtools-webpack-demo/src/src/app/module.ngfactory doesn't exist
[/home/sergey/projects/ngtools-webpack-demo/src/src/app/module.ngfactory]
[/home/sergey/projects/ngtools-webpack-demo/src/src/app/module.ngfactory.ts]
[/home/sergey/projects/ngtools-webpack-demo/src/src/app/module.ngfactory.js]
[/home/sergey/projects/ngtools-webpack-demo/src/src/app/module.ngfactory.json]
[/home/sergey/projects/ngtools-webpack-demo/src/src/app/module.ngfactory]
 @ ./src/main.browser.ts 3:0-64

ERROR in ./src async
Module not found: Error: Can't resolve '/home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts' in '/home/sergey/projects/ngtools-webpack-demo/src'
resolve '/home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts' in '/home/sergey/projects/ngtools-webpack-demo/src'
  using description file: /home/sergey/projects/ngtools-webpack-demo/package.json (relative path: ./src)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: /home/sergey/projects/ngtools-webpack-demo/package.json (relative path: ./src)
    using description file: /home/sergey/projects/ngtools-webpack-demo/package.json (relative path: ./src/src/private/module.ngfactory.ts)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts doesn't exist
      .ts
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts.ts doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts.js doesn't exist
      .json
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts.json doesn't exist
      as directory
        /home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts doesn't exist
[/home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts]
[/home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts.ts]
[/home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts.js]
[/home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts.json]
[/home/sergey/projects/ngtools-webpack-demo/src/src/private/module.ngfactory.ts]
 @ ./src async
 @ ./~/@angular/core/@angular/core.es5.js
 @ ./src/main.browser.ts

Double src in the path /home/sergey/projects/ngtools-webpack-demo/src/src/app/module.ngfactory looks weird, so I tried to change AotPlugin's entryModule: src/app/module#AppModule -> app/module#AppModule but without luck.

ERROR in Could not resolve "app/module" from "app/module":

ERROR in ./src/main.browser.ts
Module not found: Error: Can't resolve './app/module.ngfactory' in '/home/sergey/projects/ngtools-webpack-demo/src'
resolve './app/module.ngfactory' in '/home/sergey/projects/ngtools-webpack-demo/src'
  using description file: /home/sergey/projects/ngtools-webpack-demo/package.json (relative path: ./src)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: /home/sergey/projects/ngtools-webpack-demo/package.json (relative path: ./src)
    using description file: /home/sergey/projects/ngtools-webpack-demo/package.json (relative path: ./src/app/module.ngfactory)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/app/module.ngfactory doesn't exist
      .ts
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/app/module.ngfactory.ts doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/app/module.ngfactory.js doesn't exist
      .json
        Field 'browser' doesn't contain a valid alias configuration
        /home/sergey/projects/ngtools-webpack-demo/src/app/module.ngfactory.json doesn't exist
      as directory
        /home/sergey/projects/ngtools-webpack-demo/src/app/module.ngfactory doesn't exist
[/home/sergey/projects/ngtools-webpack-demo/src/app/module.ngfactory]
[/home/sergey/projects/ngtools-webpack-demo/src/app/module.ngfactory.ts]
[/home/sergey/projects/ngtools-webpack-demo/src/app/module.ngfactory.js]
[/home/sergey/projects/ngtools-webpack-demo/src/app/module.ngfactory.json]
[/home/sergey/projects/ngtools-webpack-demo/src/app/module.ngfactory]
 @ ./src/main.browser.ts 3:0-60

Any ideas?

Node: v7.6.0
npm: 4.1.2
OS: Linux computer 4.4.0-21-generic #37-Ubuntu SMP Mon Apr 18 18:33:37 UTC 2016 x86_64 x86_64 x86_64 GNU/Linux

Adding ngrx fails AOT build

ngrx 2.x used to give another error similar to "StoreModule call not supported". Upgraded to ngrx 4.0.2 platform. Building for AOT with npm run build-prod produces:

ERROR in D:/WS/JS/ngtools/ngtools-webpack-demo/src/node_modules/@ngrx/store/store.ngfactory.ts (51,65): Argument of type '{}' is not assignable to parame
ter of type 'StoreFeature<any, any>[]'.
Property 'length' is missing in type '{}'.

[MarkDown glitch: don't know why, comment shows a double / before store.factory.ts. That is not really present in edited markdown]

Lazy loading not working

Hello,

So, are you saying that when you run "npm run build-prod" for this project, it actually produces a separate chunk for the PrivateModule module? Because I cloned it to check just that, and this does not work for me...

I was just trying to get lazy loading with AoT work for my project, so far without success (that is, no additional chunks), so I found this your project, but as I said, I'm getting the very same result: no chunks for lazy loaded modules... Very weird...

Using macOS Sierra here with Node v6.10.3. Everything else seems to be coming from "npm install".

Include or mention enhanced-resolve for Linux

See this issue comment and the following one.