Skip to content

bug: Interface 'HTMLIonIconElement' cannot simultaneously extend types 'IonIcon' and 'IonIcon' #20208

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ildar-icoosoft opened this issue Jan 15, 2020 · 8 comments
Labels
needs: reply the issue needs a response from the user

Comments

@ildar-icoosoft
Copy link

Bug Report

Ionic version:

[x] 4.x

Current behavior:

I'm trying to use Ionic components in my angular library (npm module). I've created the angular library using this manual. Then I've installed @ionic/angular to package.json dependencies. And if I import anything from "@ionic/angular" (for example "import { IonicModule } from "@ionic/angular";") I'm getting many errors like this in "node_modules/ionicons/dist/types/components.d.ts(63,13):":

TS2320: Interface 'HTMLIonIconElement' cannot simultaneously extend types 'IonIcon' and 'IonIcon'.
 Named property ''icon'' of types 'IonIcon' and 'IonIcon' are not identical.

TS2320: Interface 'HTMLIonIconElement' cannot simultaneously extend types 'HTMLStencilElement' and 'HTMLStencilElement'.
  Named property 'forceUpdate' of types 'HTMLStencilElement' and 'HTMLStencilElement' are not identical.

Expected behavior:

import should not cause errors

Steps to reproduce:

  1. Generate new angular library:
ng new my-workspace --create-application=false
cd my-workspace
ng generate library my-lib
  1. install "@ionic/angular" module in the library
npm i @ionic/angular --save
  1. import anything from @ionic/angular:
import { IonicModule } from "@ionic/angular";
@ionitron-bot ionitron-bot bot added the triage label Jan 15, 2020
@joelmeaders
Copy link

joelmeaders commented Jan 28, 2020

I'm getting this error across the board when attempting to use Ionic 5 RC 1 in a project upgraded from Ionic 4.11.10.

EDIT: Nevermind. Everything was upgraded except @ionic/core for some reason and updating it fixed this issue for me.

@LifeIsStrange
Copy link

I have the same issue using the defacto standard for creating a ionic vue app https://dev.to/aaronksaunders/build-your-first-ionic-vue-app-18kj

(ps: I'm using typescript)

@Chris2011
Copy link

Same here, update of ionic/core to 5.0.4, ionic/vue to 0.0.9 didn't fix it.

@dandoingdev
Copy link

@Chris2011 did you manage to resolve this? Same problem here.

@Chris2011
Copy link

@dangerdan unfortunately not, after I tried to use Vue with Ionic and find my self that I don't like Ionic for the components and there interaction, I removed Ionic completely and use Vue + Vuetify + Cordova.

@dandoingdev
Copy link

Thanks for the reply. I love Ionic with Angular, but finding it unusable with Vue. I'll check out Vuetify too. Thanks.

@liamdebeasi
Copy link
Contributor

liamdebeasi commented Jun 16, 2020

Thanks for the issue. Is this an issue with the latest version of Ionic Framework (the Ionic Angular issue)? If so, can you provide a repo with the code required to reproduce the issue?

As for Vue, Ionic Vue is still in early beta, so this is not something we recommend for production apps. We are working on Ionic + Vue 3 integration, so expect more on that soon!

@liamdebeasi liamdebeasi added the needs: reply the issue needs a response from the user label Jun 16, 2020
@ionitron-bot ionitron-bot bot removed the triage label Jun 16, 2020
@ionitron-bot
Copy link

ionitron-bot bot commented Jun 30, 2020

Thanks for the issue! This issue is being closed due to the lack of a reply. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Thank you for using Ionic!

@ionitron-bot ionitron-bot bot closed this as completed Jun 30, 2020
@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Jun 30, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
needs: reply the issue needs a response from the user
Projects
None yet
Development

No branches or pull requests

6 participants