This Angular DS Template Doesn't Work with Ivy @angular - 9.0.0-rc6

[mappmechanic]

This Angular DS Template Doesn't Work with Ivy @angular - 9.0.0-rc6

When I try to compile using Ivy, it gives me weird errors about NgModule meta info etc.

[psamusev]

Are there any updates on it?

[mappmechanic]

Actually, I tried to update all package json versions myself and it seemed to work.

[psamusev]

I found this in the Ionic repo - https://github.com/ionic-team/ionic/blob/master/core/stencil.config.ts#L92. Seems new way of declaring angular targets

[psamusev]

@mappmechanic did you make only package.json update? Can you please share your package.json here?

[rsurjano]

could you provide us @mappmechanic more details plz

[MMT-LD]

@rsurjano So the fix for me (not sure if its the correct fix) - was to set in angular.json "aot": false

[mappmechanic]

It is not the correct fix, we should never set 'aot' to false without any purpose or else our bundle size will shoot up as the JIT compiler will be bundled in our dist files.

[mappmechanic]

@rsurjano @psamusev Please update the packages of each dependency given in package json, example for all the angular dependencies based on your latest angular project. Then it will work automatically with some minor tweaks. As the changes I have done our in an enterprise github instance, I cannot share that code.

[MMT-LD]

@mappmechanic Yeah, sorry i meant for my project which is just a POC and for the short term until the packages were updated. I probably should have been more clear with my comment and use case 😉 What tweaks were required other then bumping the versions?

[ZuBB]

Hello everyone!

I think I faced with same issue. I walked through all comments here and here is my summary:

• its true that bindings cooked by this template cant be smoothly consumed in final app;
• I looked into @psamusev's comment and it seems irrelevant to me (sorry @psamusev :( );
• I tried to google and found that there 2 advices on those error message we get play with aot and ivy-related flags in configs. I checked and turning off aot in angular.json does the trick. I guess you know what downsides it brings. But..

Hope ionic team/@jthoms1 will spare some time and update this template and corresponding docs for angular v10+.

upd/edit: would be nice if someone can confirm my findings

[nikbabchenko]

@ZuBB , @jthoms1 any updates on this?

[ZuBB]

@nikbabchenko nothing new from my side. angular version of our example app is considered 2nd level priority..

[nikbabchenko]

@ZuBB, cool!
will check on the weekend if it works for me.

[eXXeption]

As I stumbled upon the ivy issue too, I want to share my workaround

TL;DR: Just use a angular library as the wrapper project.

1. Create new angular project with angular 10 via angular cli
2. Create a library in this project
3. Copy the proxy file, utils and module into the library and remove all other components/services which were generated
4. Adjust public-api to export module and proxy file
5. Build and publish the library

For me atleast this seems to be working fine. Angular detects the components as valid ivy components, autocompletion in WebStorm works.
Checked with webpack bundle analyzer and only the used components are build in the bundle, seems like treeshaking is working fine too.

[pranav-js]

@eXXeption urgent help, please. If I create a library in this project, is there a way to consume the library in that project (in which u created library) without publishing anywhere?. TIA.

[eXXeption]

@eXXeption urgent help, please. If I create a library in this project, is there a way to consume the library in that project (in which u created library) without publishing anywhere?. TIA.

tsconfig -> path mappings do the trick

[pranav-js]

@eXXeption urgent help, please. If I create a library in this project, is there a way to consume the library in that project (in which u created library) without publishing anywhere?. TIA.

tsconfig -> path mappings do the trick

could you please post sample code :( sorry for it. but I am clueless, working with stencil and angular mono repo like structure for first time.

update: Got it👍 thanks a lot