ionic-team/ionicons

Type string is not assignable to type InferPropType<StringConstructor>

Open

#1,096 创建于 2022年8月24日

在 GitHub 查看
 (1 评论) (0 反应) (0 负责人)TypeScript (17,256 star) (2,083 fork)batch import
help wantedtype: documentation

描述

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.

贡献者指南

技术栈
typescriptvue
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
under 1 hour
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
fresh
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
basic TypeScript
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
60
研究方向
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.