uniapp x编译Android端报错[plugin:uni:app-uts] Return statement is not allowed here

22:30:07.169 ​[plugin:uni:app-uvue-css] WARNING: gap is not a standard property name (may not be supported)​
22:30:07.169 at components/mediaPicker/mediaPicker.uvue:330:3
22:30:07.169 328| flex-direction: row;
22:30:07.169 329| flex-wrap: wrap;
22:30:07.169 330| gap: 10rpx;
22:30:07.169 | ^
22:30:07.169 331| }
22:30:07.169 332| .image-section .image-grid .image-item {
22:30:07.169 
22:30:14.190 ⁠[plugin:uni:app-uts] Return statement is not allowed here
22:30:14.190 at unpackage/dist/dev/.uvue/app-android/pages/shop/shop.uvue:166:0
22:30:14.190 165 | }
22:30:14.190 > 166 | return (): any | null => {
22:30:14.190 167 | const _component_knavbar = resolveEasyComponent("knavbar", _easycom_knavbar);⁠
22:30:14.261 代码编译报错？[AI修复]

代码
<script setup lang="uts">
import { reactive, nextTick, computed } from "vue";
import knavbar from "@/components/knavbar/knavbar";
import kicon from "@/components/kicon/kicon";
import ktabs from "@/components/ktabs/ktabs";

// 类型定义
type Category = {
name: string;
icon: string;
id: string;
}

type CategoryState = {
activeCategory: number;
categories: Category[];
}

type Goods = {
name: string;
type: string;
description: string;
price: number;
icon: string;
id: string;
tag: string;
period: string;
}

type GoodsState = {
goodsList: Goods[];
}

type ModalState = {
showModal: boolean;
selectedGoods: Goods | null;
exchangeQuantity: number;
}

// 商品分类模块状态
const categoryState = reactive<CategoryState>({
activeCategory: 0,
categories: [
{ name: "xx", icon: "✏️", id: "brush" },
{ name: "xx", icon: "?️", id: "frame" },
{ name: "xx", icon: "?", id: "avatar_frame" },
{ name: "xx", icon: "✨", id: "entry_effect" },
{ name: "xx", icon: "?", id: "home_effect" },
{ name: "xx", icon: "?", id: "chat_bubble" },
],
});

// 转换为ktabs需要的格式
const categoriesForTabs = computed(() => {
return categoryState.categories.map((category) => ({
name: ${category.name},
}));
});

// 商品列表模块状态
const goodsState = reactive<GoodsState>({
goodsList: [
{
name: "xxxx",
type: "xxx",
description: "xxxxx",
price: 600,
icon: "?",
id: "color_brush",
tag: "惊喜价",
period: "永久",
},
{
name: "xxxx",
type: "xxxx",
description: "xxxx",
price: 600,
icon: "?",
id: "classic_frame",
tag: "惊喜价",
period: "永久",
},
{
name: "xxxx",
type: "xxxx",
description: "xxx",
price: 110,
icon: "?",
id: "nebula_avatar",
tag: "惊喜价",
period: "7天",
},
{
name: "xxx",
type: "xxx",
description: "xxx",
price: 190,
icon: "?",
id: "sparkle_entry",
tag: "惊喜价",
period: "7天",
},
],
});

// 商品详情弹窗模块状态
const modalState = reactive<ModalState>({
showModal: false,
selectedGoods: null,
exchangeQuantity: 1,
});

// 分类点击事件
function onCategoryChange(index: number) {
categoryState.activeCategory = index;
console.log("点击了分类:", categoryState.categories[index].name);
}

// 显示商品详情
function showGoodsDetail(goods: Goods) {
modalState.selectedGoods = goods;
modalState.exchangeQuantity = 1;
modalState.showModal = true;
}

// 隐藏商品详情
function hideGoodsDetail() {
modalState.showModal = false;
modalState.selectedGoods = null;
}

// 减少兑换数量
function decreaseQuantity() {
if (modalState.exchangeQuantity > 1) {
modalState.exchangeQuantity--;
}
}

// 增加兑换数量
function increaseQuantity() {
modalState.exchangeQuantity++;
}

// 购买商品
function purchase(item: Goods) {
console.log("购买商品:", item.name);
// 这里可以添加购买逻辑
}

// 购买商品
function purchaseGoods() {
console.log(
"购买商品:",
modalState.selectedGoods,
"数量:",
modalState.exchangeQuantity,
);
}

// 跳转到背包
function navigateToPack() {
uni.navigateTo({
url: "/pages/bag/bag",
});
}

// 跳转到充值页面
function navigateToRecharge() {
uni.navigateTo({
url: "/pages/recharge/recharge", // 充值页面路径
});
}
</script>