ionic-selectable
ionic-selectable copied to clipboard
Switching from ionic-selectable to @ionic-selectable/angular triggers many errors in Ionic 6
Since I switched from ionic-selectable 4.9.0 to @ionic-selectable/angular 5.0.0-alpha.19, I got many errors in my console:
[ng] Error: node_modules/@ionic/angular/node_modules/@ionic/core/dist/types/components.d.ts:3320:15 - error TS2320: Interface 'HTMLIonActionSheetElement' cannot simultaneously extend types 'IonActionSheet' and 'IonActionSheet'.
[ng] Named property '"buttons"' of types 'IonActionSheet' and 'IonActionSheet' are not identical.
[ng]
[ng] 3320 interface HTMLIonActionSheetElement extends Components.IonActionSheet, HTMLStencilElement {
[ng] ~~~~~~~~~~~~~~~~~~~~~~~~~
[ng]
[ng]
[ng] Error: node_modules/@ionic/angular/node_modules/@ionic/core/dist/types/components.d.ts:3320:15 - error TS2320: Interface 'HTMLIonActionSheetElement' cannot simultaneously extend types 'IonActionSheet' and 'IonActionSheet'.
[ng] Named property '"enterAnimation"' of types 'IonActionSheet' and 'IonActionSheet' are not identical.
[ng]
[ng] 3320 interface HTMLIonActionSheetElement extends Components.IonActionSheet, HTMLStencilElement {
[ng] ~~~~~~~~~~~~~~~~~~~~~~~~~
[ng]
[ng]
[ng] Error: node_modules/@ionic/angular/node_modules/@ionic/core/dist/types/components.d.ts:3320:15 - error TS2320: Interface 'HTMLIonActionSheetElement' cannot simultaneously extend types 'IonActionSheet' and 'IonActionSheet'.
[ng] Named property '"htmlAttributes"' of types 'IonActionSheet' and 'IonActionSheet' are not identical.
[ng]
[ng] 3320 interface HTMLIonActionSheetElement extends Components.IonActionSheet, HTMLStencilElement {
[ng] ~~~~~~~~~~~~~~~~~~~~~~~~~
[ng]
[ng]
[ng] Error: node_modules/@ionic/angular/node_modules/@ionic/core/dist/types/components.d.ts:3320:15 - error TS2320: Interface 'HTMLIonActionSheetElement' cannot simultaneously extend types 'IonActionSheet' and 'IonActionSheet'.
[ng] Named property '"leaveAnimation"' of types 'IonActionSheet' and 'IonActionSheet' are not identical.
[ng]
[ng] 3320 interface HTMLIonActionSheetElement extends Components.IonActionSheet, HTMLStencilElement {
[ng] ~~~~~~~~~~~~~~~~~~~~~~~~~
[ng]
List goes on and on.
It seems that @ionic-selectable/[email protected] has a peer dep on "@ionic/core": "5.x", while my project is an Ionic 6 project.
Any way to solve that?
My ionic info
:
Detail
Ionic:
Ionic CLI : 6.20.4 (/Users/manu/.nvm/versions/node/v14.20.1/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.4.0
@angular-devkit/build-angular : 15.0.3
@angular-devkit/schematics : 15.0.3
@angular/cli : 15.0.3
@ionic/angular-toolkit : 6.1.0
Capacitor:
Capacitor CLI : 4.6.1
@capacitor/android : not installed
@capacitor/core : 4.6.1
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 1.7.1
System:
NodeJS : v14.20.1 (/Users/manu/.nvm/versions/node/v14.20.1/bin/node)
npm : 9.1.2
OS : macOS Monterey
Steps to reproduce:
-
npm i -g @ionic/cli
(to install Ionic v6) -
ionic start test-ionic-selectable blank --type=angular
-
cd test-ionic-selectable
- Follow steps 1 & 2 of https://www.npmjs.com/package/@ionic-selectable/angular#getting-started
- Run
ionic serve
- See the errors
Same problem
Have you found any solutions?
adding "skipLibCheck": true
in my tsconfig.json file solved this problem for me.
have you found the solution???