HTMLIonSearchBarElement and HTMLIonInputElement Invalid with Angular Latest

Ionic Framework Ionic Angular
1

I just updated Angular to v21 and updated to the latest versions of Capacitor and Ionic/Angular. I now get these errors when building my app:

image
image2340×542 53.4 KB

I did this because ionic generate was conflicting with the Angular Schematic and unable to generate any components or services. Ionic generate now works, but now the app won’t build. Here are the versions I have:

image
image952×1636 170 KB

What is the correct versioning to get everything to work?

Thanks!

2

This is a known issue. See: bug: TS2320: Interface 'HTMLIonInputElement' cannot simultaneously extend types 'IonInput' and 'HTMLStencilElement' · Issue #30650 · ionic-team/ionic-framework · GitHub

I’m personally using "skipLibCheck": true on tsconfig.json as a temporary workaround.

1 Like
3

Worked for me, too - thanks!