ionic-team/ionicons

Type string is not assignable to type InferPropType<StringConstructor>

Open

#1 096 ouverte le 24 août 2022

Voir sur GitHub
 (1 commentaire) (0 réactions) (0 assignés)TypeScript (17 256 stars) (2 083 forks)batch import
help wantedtype: documentation

Description

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.

Guide contributeur

Stack technique
typescriptvue
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
under 1 hour
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
basic TypeScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60
Direction de recherche
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.