.【vue3+ts】A component with async setup() must be nested in a <Suspense> in order to be rendered.

文章讨论了在Vue3中,如果组件setup函数返回Promise,需在<Suspense>边界内渲染。这是一种实验性特性,非生产环境下使用,解决方法是移除await。警告提示只需确保setup函数不返回Promise即可。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近遇到遇到了个不大不小的警告,

 这段话的大致意思是:你在组件的setup函数中返回了一个Promise,但是在父组件树中没有找到<Suspense>边界。在Vue 3中,如果一个组件的setup函数是异步的(返回一个Promise),那么它必须嵌套在一个<Suspense>中才能被渲染。

所以你需要vue3提供的新特性,使用<Suspense>异步组件,这个vue3提供的为异步组件实现的一个加载方法;

但是呢,

这个是一个实验特性!就是不要上生产,保不齐你上生产就改了,所以这个警告很简单,只要子组件setup函数里面不要返回Promise就可以了。没错就像这样,

 

所以啊,把await去掉就可以了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值