ModuleFederation Ionic Angular reference "different" NG_VALUE_ACCESSOR
I have an NX workspace, running latest NX, Angular & Ionic versions. I have just one host app and one remote.
Right, now I'm trying to create a page with two form controls. When I create a binding either via [(ngModel)] or via [formControl] to ion-input I get an error that ControlValueAccessor is missing. A little bit of debugging has shown that IonInput and the host app reference different NG_VALUE_ACCESSOR objects. It looks like while being a shared dependency on its own both @ionic/angular/standalone doesn't use another shared dependency @angular/forms, and instead included the token in its build.
Any ideas how this could be fixed? I have the default NX Module Federation setup via the withModuleFederation helper function with no extra configuration (which results in all dependencies being singletons and shared). There is no version mismatch, I've went through the whole pnpm-lock.yml. The versions are correct everywhere.
P.S. A bit of exploring the source files in the Network tab has shown that the host app and Ionic reference different WebPack chunks, yet they use the same import path (@angular/forms) in the source code. So, it's either a WebPack bug, or some module federation configuration issue.
This is what it looks like 
Update #1
If placed an import of "@angular/forms" in the remote – everything starts working as expected, and no errors. No idea why.
Will place it as an answer just in case.
If placed an import of "@angular/forms" in the remote – everything starts working as expected, and no errors. No idea why.
- Template reference variable returns undefined inside ng-template
- How to modify data in an angular component when using async pipe
- Using ASP.NET MVC with Angular 2 RC 6 (Final)
- Losing reference to this in async function inside subscribe
- punycode is deprecated in npm - what should I replace it with?
- Enable to retrieve data initialize by a dispatched action when the component is mounted
- How do I implement paging (JwPaginationModule) in my Ionic app?
- Accessing Angular Typed Form Property from a FormArray in the HTML Template
- How to Integrate Monaco Editor in an Angular 16 Nx Project?
- Hide that website has been made with Angular
- Angular: 7.2.1 ES6 class ReferenceError : Cannot access 'X' before initialization
- How to use Observable to emit each value from an array after every 1 second(Angular 5)?
- Angular Directive - Change color of button on hover
- Why does CSP script-src unsafe-inline induce styling issues on my Angular webapp?
- Angular 8 ngFor not binding
- Is there a simple way to display a countdown to datetime in Angular?
- Variable Change Detection - Angular
- Creating a list of checkboxes with ngFor Angular
- Angular 4 Error: No provider for HttpClient
- How to reactively deal with a dynamic form in Angular Reactive Forms?
- How to populate a form from a list to update in Angular2?
- Type casting within a template in Angular 2
- How to replace ::ng-deep in Angular Material 15
- in Angular2 how to know when ANY form input field lost focus
- How do I get the index of object in array using angular?
- Angular FormGroup in Storybook: Converting circular structure to JSON
- Angular Reactive Form - ng-select in form array works remotely but fails when it's online
- IIS port numbers vs VS2022 port numbers
- Input File onchange event not firing
- How to resolve the PUT 422 (Unprocessable Content) error