【报Bug】uni-app(HBuilderX)编译代码后供支付宝小程序工具再编译报错 ： SyntaxError: ..."xxxxModel" is read-only

示例代码：

<template>  
  <view class="content">  
    <image class="logo" src="/static/logo.png"></image>  
    <view class="text-area">  
      <text class="title">{{title}}</text>  
    </view>  

    <uni-forms ref="testForm" v-model="testModel" errShowType="toast">  
      <uni-forms-item name="firestName" :rules="[{required: true, errorMessage: '姓名不能为空白'}]" label-width="0">  
        <uni-easyinput v-model="testModel.firstName" type="text" prefix-icon="person" maxlength="20" placeholder="请输入姓名" />  
      </uni-forms-item>  
    </uni-forms>  
  </view>  
</template>  

<script setup>  
  import {  
    ref,  
    reactive  
  } from 'vue'  
  const title = ref('这是首页')  

  const testForm = ref(null)  

  // 如果用 const、reactive，则编译为支付宝小程序时，报错：   
  /*  
  ERROR in ./pages/index:  
  Thread Loader (Worker 1)  
  SyntaxError: .../test-mp-alipay/unpackage/dist/dev/mp-alipay/pages/index/index.js: "testModel" is read-only  

    73 |           k: "testForm"  
    74 |         }),  
  > 75 |         f: common_vendor.o(($event) => common_vendor.isRef(testModel) ? testModel.value = $event : testModel = $event),  
       |                                                                                                    ^  
    76 |         g: common_vendor.p({  
    77 |           errShowType: "toast",  
    78 |           modelValue: common_vendor.unref(testModel)  

      at transpile (C:\snapshot\code-repo\out\target\bundle\node_modules\babel-loader\lib\index.js:65:13)  
      at Object.<anonymous> (C:\snapshot\code-repo\out\target\bundle\node_modules\babel-loader\lib\index.js:173:20)  
  */  
  const testModel = reactive({  
    firstName: ''  
  })  
</script>  

<style>  
  .content {  
    display: flex;  
    flex-direction: column;  
    align-items: center;  
    justify-content: center;  
  }  

  .logo {  
    height: 200rpx;  
    width: 200rpx;  
    margin-top: 200rpx;  
    margin-left: auto;  
    margin-right: auto;  
    margin-bottom: 50rpx;  
  }  

  .text-area {  
    display: flex;  
    justify-content: center;  
  }  

  .title {  
    font-size: 36rpx;  
    color: #8f8f94;  
  }  
</style>

操作步骤：

复现错误步骤如下：

1. <template> 中定义表单：

   ...  
   <uni-forms ref="testForm" v-model="testModel" errShowType="toast">  
     <uni-forms-item name="firestName" :rules="[{required: true, errorMessage: '姓名不能为空白'}]" label-width="0">  
       <uni-easyinput v-model="testModel.firstName" type="text" prefix-icon="person" maxlength="20" placeholder="请输入姓名" />  
     </uni-forms-item>  
   </uni-forms>  
   ...

2. <script setup> 中定义表单中绑定义变量：

   import {  
   ref,  
   reactive  
   } from 'vue'  
   const title = ref('这是首页')  
   
   const testForm = ref(null)  
   // 注：使用 const 使用支付宝小程序工具编辑时就错报了！！！  
   const testModel = reactive({firstName: ''})

3. 使用 HBuildX ，点：运行/ 运行到小程序模拟器 / 支付宝小程度开发者工具， 支付宝小程序开发者工具编译就会报错。

预期结果：

uni-app 转换出来的小程序代码，正常应该是应该可以通过支付宝小程序开发工具编译的。

说明：为什么项目中会用 const？
这是因为：在项目中使用 vscode 之类开发工具，配置 ESLint + prettier 后，在写代码时，使用 let 定义变量之后，如果仅一次赋值，则保存时会自动更正为 const 。这有利于提高代码质量

实际结果：

uni-app 转换出来的小程序代码，通过支付宝小程序开发工具编译的报错
错误如下：

 ERROR in ./pages/index:  
  Thread Loader (Worker 1)  
  SyntaxError: e:/learn_workspace/vue3.0/uni-app-hello/test-mp-alipay/unpackage/dist/dev/mp-alipay/pages/index/index.js: "testModel" is read-only  

    73 |           k: "testForm"  
    74 |         }),  
  > 75 |         f: common_vendor.o(($event) => common_vendor.isRef(testModel) ? testModel.value = $event : testModel = $event),  
       |                                                                                                    ^  
    76 |         g: common_vendor.p({  
    77 |           errShowType: "toast",  
    78 |           modelValue: common_vendor.unref(testModel)  

      at transpile (C:\snapshot\code-repo\out\target\bundle\node_modules\babel-loader\lib\index.js:65:13)  
      at Object.<anonymous> (C:\snapshot\code-repo\out\target\bundle\node_modules\babel-loader\lib\index.js:173:20)