使用script lang="uts" setup 语法中视图区爆红

分类：uni-app x

项目可以正常使用但是在视图区就会报红。

如果换一种写法 :style="getRowStyle()"在使用defineProps后在getRowStyle也会报红。

有大神知道什么原因吗？如何解决，谢谢了

<template>  
    <view class="ch_row" :style="{  
        padding:`${gutter}px 0 0 ${gutter}px`  
    }">  
        <slot></slot>  
    </view>  
</template>  
<script lang="uts" setup>  
    const props =。defineProps({  
        gutter: {  
            type: [String, Number],  
            default: () => 0  
        }  
    })  

    const getRowStyle = () => {  
        return new Map<string, string>([['padding', `${props.gutter}px 0 0 ${props.gutter}px`]])  
    }  

    provide('row_gutter', props.gutter);  
</script>  
<style>  
    .ch_row {  
        display: flex;  
        flex-direction: row;  
        flex-wrap: wrap;  
    }  
</style>