braincrumbz / ngtools-webpack-demo Goto Github PK
View Code? Open in Web Editor NEWAngular 2 sample application with lazy loaded module + AOT build by @ngtools/webpack
Angular 2 sample application with lazy loaded module + AOT build by @ngtools/webpack
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]
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:
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
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".
See this issue comment and the following one.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.