allow for external AOT modules

[MrFrankel]

right now it is possible to load external modules when shell app is AOT, however it is required to import the JitCompiler manually and the external modules cant run in AOT.

it is possible to build the external modules in AOT and expose their AppModuleNgFactory to be consumed by the router, it is also required to stop the actual call to bootstrap as it is a feature module.

[dsuwirya]

Hello,

None of the prod / AOT build for either example-cli\ext-app1 or example-cli\shell-app seems to work, with the following errors:

Could you please give me pointer what do I do wrong ? Could you also please give more pointers how to make both ext-app1 and shell-app to be able to run in AOT?

Thanks.

[alexej-strelzow]

This error is resolved fast - declare and export AppComponent in AppCommonModule = own NgModule and import it in the other ones.

To be able to build the app with AOT through custom build you need to pass --configuration=production, e.g. "build:prod": "ng run app1:build-prod --configuration=production".

But then it is more or less a dead end. I added the JiT Compiler ass in issue #5. Got an error that NgModule does not have meta data. And its true, the build-optimizer removes then. So build-optimizer: false in angular.json and then the next final problem:

and I'm really stuck here now. Mr Frankel, could you get it running?

Previous error got resolved after exporting AppCommonModuel in AppExternalModule.
Now I get another error:

I had to set buildOptimizer to false, otherwise I get: meta-data of NgModule are missing. The path './app.component.ts' is defined in AppComponent:

[alexej-strelzow]

I think loading aot bundles at runtime is not possible yet, see this question:
https://medium.com/@andreelrico/is-it-possible-with-this-approach-to-load-specific-modules-dynamically-at-run-time-623a54ebafa0
answer
https://medium.com/@andreelrico/is-it-possible-with-this-approach-to-load-specific-modules-dynamically-at-run-time-623a54ebafa0

regarding to this article: https://wesleygrimes.com/angular/2019/02/05/building-an-aot-friendly-dynamic-content-outlet.html

[MrFrankel]

it's currently possible to load a JIT module into a AOT application at runtime as long as the compiler is provided in the ATP application.
It is also possible to load ATO module into a AOT application, but I have not yet gotten a chance to spec a full demo for it yet.

I've been really busy so i'm not sure when id get around to it, maybe next week sometime

[alexej-strelzow]

Ok, thank you very much for sharing your knowledge! I'm very looking forward to your AOT solution.
Strangely I cannot run the composition layer with AOT and app with JIT (even though I followed your steps). Getting this error:

But if the AOT solution works, I won't care about that. Thank's again for your effort! :)

[alexej-strelzow]

@MrFrankel share-loader will also work with Angular 8 and Ivy, right?
https://fireship.io/snippets/lazy-loaded-routes-angular-v8-ivy/

[MrFrankel]

@alexej-strelzow I haven't tried it with Ivy yet, but share-loader is platform agnostic. it simply helps expose modules outside of webpack's namespace and allows external bundles to consume them.

As for the issues you are facing, if you can provide a repo I can look at I can try to help.

[alexej-strelzow]

@MrFrankel Thank's, just sent you an invite. If anything is unclear pls don't hesitate to write me (alexej.strelzow at gmail.com)

[MrFrankel]

@alexej-strelzow I've run your application from the repo.
The login module loads fine.
I had some issues with the reverse proxy for the post login module but once I sorted that out it worked fine as well, what am I missing?

[alexej-strelzow]

@MrFrankel : ok, what you saw was the functioning JIT version. Please change to AOT in angular.json ->
"optimization": true,
"outputHashing": "none",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": false,
"vendorChunk": false,
"buildOptimizer": true

[alexej-strelzow]

@MrFrankel : sorry about the proxy, just pushed a new version. I also exported AppCommonModule in the external AppModule. Do you see the problem with AOT?

[MrFrankel]

yes. im workling on it

[alexej-strelzow]

@MrFrankel : thank you very much!