ionic-team/ionicons

Type string is not assignable to type InferPropType<StringConstructor>

Open

Aperta il 24 ago 2022

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (17.256 star) (2083 fork)batch import
help wantedtype: documentation

Descrizione

I'm using Vue3 with TypeScript:

import { IonIcon } from "@ionic/vue";
import { beer }from "ionicons/icons";

<ion-icon :icon="beer" />

but am getting this TypeScript warning: Type string is not assignable to type InferPropType<StringConstructor>

After some googling I still don't understand what this means. What is a StringConstructor type that the icon prop expects? My code is working but I don't like errors/warnings in my code.

Guida contributor

Tech stack
typescriptvue
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
under 1 hour
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
fresh
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
mostly clear
Prerequisiti
basic TypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60
Direzione di ricerca
Investigate the IonIcon component's icon prop type definition in the Ionic Vue package. The error suggests that the prop expects a type of InferPropType<StringConstructor>, but the actual value passed is a string. Look at the type definition in the source code (e.g., in the ionicons or @ionic/vue package) to see if there's a mismatch or if a type assertion is needed. Check related issues or comments for a known fix.