小白很郁闷，v-for一直报错error: Unresolved reference: text‌

本人小白第一次用uniapp X的uts语法写一个列表，上来就掉坑爬不出来了，求大佬帮我看下

<template>  
    <scroll-view class="app-bg">  
        <view class="uni-margin-wrap">  
            <!--    <swiper id="swiper-view" class="swiper">  
                <swiper-item v-for="(item, index) in bannerList" :key="item.id">  
                    <view class="swiper-item uni-bg-red">  
                        <image class="banner-image" :src="item.url"></image>  
                    </view>  
                </swiper-item>  

            </swiper> -->  
            <text v-for="(item , index) in list" :key="item.id">{{item.text}}</text>  
        </view>  

    </scroll-view>  

</template>  

<script setup>  
    const list = ref([  
        {  

            id: 1,  
            text: 'A'  
        },  
        {  

            id: 2,  
            text: 'B'  
        },  
        {  

            id: 3,  
            text: 'C'  
        }  
    ]);  
</script>

运行安卓基座，用模拟器跑，HbuilderX一直报错：error: Unresolved reference: text‌， Hbuilder版本是4.36，这是为什么？