vue3+ts 类型“never”上不存在属性“xxx”。或 类型“{}”上不存在属性“xxx”。或 类型“string”的参数不能赋给类型“never”的参数。等等

这些报错的原因呢,就牵扯到ts的类型注解了,正常情况下,ts声明一个变量的时候是需要加上类型注解的,例如:let num: number = 1, let str: string = ‘abc’
或者
用ts中的interface定义一个类型接口:如下

interface itemType {
    name: string;
    age: number;
}

let infoObj: itemType[] = reactive([
    {
        name: '张三',
        age: 12
    },
    {
        name: '李四',
        age: 12
    },
])
console.log(infoObj);

上述这些是ts标准写法,但是很麻烦,不想搞这些的小伙伴们,可以直接用简单粗暴的方法,用any类型代表一切

类型“never”上不存在属性“xxx”。

报错代码如下:

在这里插入图片描述

解决办法:

let hotDetailDataList: any = reactive([])

或者

let hotDetailDataList = reactive([] as any[]) 

在这里插入图片描述

类型“{}”上不存在属性“xxx”

报错代码如下:

在这里插入图片描述
解决办法:

const suggestObj: any = ref({})

或者

const suggestObj = ref({} as any)

在这里插入图片描述

类型“string”的参数不能赋给类型“never”的参数

报错代码如下:

在这里插入图片描述
解决办法:

let searchHistoryList: any = reactive([])

或者

let searchHistoryList = reactive([] as any[])

在这里插入图片描述

小结

上面这些问题都是使用了any类型注解来解决的,无论是基本类型还是引用类型,都可
除了上述这些报错之外,可能还会有其他类型的报错,有小伙伴发现了的话,可直接评论留言,如果文章中有写错的地方,还请小伙伴们指出来,及时改正

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

7cccccc

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值