ionic-selectable icon indicating copy to clipboard operation
ionic-selectable copied to clipboard

Switching from ionic-selectable to @ionic-selectable/angular triggers many errors in Ionic 6

Open manu2504 opened this issue 2 years ago • 4 comments

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:

  1. npm i -g @ionic/cli (to install Ionic v6)
  2. ionic start test-ionic-selectable blank --type=angular
  3. cd test-ionic-selectable
  4. Follow steps 1 & 2 of https://www.npmjs.com/package/@ionic-selectable/angular#getting-started
  5. Run ionic serve
  6. See the errors

manu2504 avatar Dec 12 '22 23:12 manu2504

Same problem

saviocamacam avatar Dec 25 '22 21:12 saviocamacam

Have you found any solutions?

andrea-DO avatar Dec 31 '22 10:12 andrea-DO

adding "skipLibCheck": true in my tsconfig.json file solved this problem for me.

Sebastian-Elstadt avatar Jan 30 '23 12:01 Sebastian-Elstadt

have you found the solution???

itshazlan avatar Jun 09 '23 08:06 itshazlan