【报Bug】vue3 cli nuve 编译APP报错（小程序、H5正常）

示例代码：

<template>  
  <view class="camera__page">  
    <!-- 相机组件 -->  
    <!-- #ifdef MP-WEIXIN -->  
    <camera :device-position="position" class="common__camrea" flash="on" @error="errorCamrea" />  
    <!-- #endif -->  

    <!-- #ifdef APP-PLUS -->  
    <live-pusher id="camera" class="common__camrea" mode="FHD" audio-quality="16KHz" :aspect="aspect" :muted="true"  
      :beauty="9" :whiteness="9" :enable-mic="false" @error="liveError" :device-position="position" />  
    <!-- #endif -->  

    <!-- 底部操作区域 -->  
    <view class="camera__foot">  
      <!-- 返回 -->  
      <view class="camrea__foot-back common" @click.stop="onClickBack">  
        <image class="icon" src="@/static/camera/back.png" />  
        <text class="text">返回</text>  
      </view>  
      <!-- 拍照 -->  
      <view class="camera__foot-snapshot" @click.stop="takePhoto">  
        <image class="take-icon" src="@/static/camera/snapshot.png" />  
      </view>  
      <!-- 翻转相机 -->  
      <view class="camera__foot-switch common" @click.stop="onClickSwitch(position)">  
        <image class="icon" src="@/static/camera/switchCamera.png" />  
        <text class="text">翻转</text>  
      </view>  
    </view>  
  </view>  
</template>  
<script setup lang="ts" name="CameraTake">  
  import { ref, getCurrentInstance, onMounted, computed } from 'vue'  
  import { onReady } from '@dcloudio/uni-app'  

  const instance = getCurrentInstance()?.proxy // 能够获取到全局上下文对象  
  const position = ref<string>('back') // front: 前置摄像头  back: 后置摄像头  
  const context = ref(null) // 直播推流实例  
  const aspect = ref<string>('9:16') // 直播推流实例  

  // #ifdef APP-PLUS  
  onReady(() => {  
    context.value = uni.createLivePusherContext("camera", instance)  
    context.value && context.value.startPreview({  
      success(data) {  
        console.log('开启摄像头预览', data)  
      }  
    })  
  })  
  // #endif  

  // 返回  
  function onClickBack() {  
    uni.$router.back()  
  }  

  // 拍照  
  function takePhoto() {  
    // #ifdef MP-WEIXIN  
    const ctx = uni.createCameraContext();  
    ctx.takePhoto({  
      quality: 'high',  
      success(res) {  
        console.log(res, 'res')  
      }  
    })  
    // #endif  
    // #ifdef APP-PLUS  
    uni.vibrateShort()  
    context.value && context.value.snapshot({  
      success(res) {  
        console.log(res, 'res')  
      }  
    })  
    // #endif  
  }  

  // 切换前后摄像头  
  function onClickSwitch(type = 'back') {  
    // #ifdef MP-WEIXIN  
    position.value = type === 'front' ? 'back' : 'front'  
    // #endif  
    // #ifdef APP-PLUS  
    context.value && context.value.switchCamera()  
    // #endif  
  }  

  // 微信摄像头错误  
  function errorCamrea(error : any) {  
    uni.showModal({  
      title: "温馨提示",  
      content: "摄像头调用失败（请确认是否已经授权使用摄像头）",  
      success: (res) => {  
        if (res["confirm"]) {  
          uni.openSetting({  
            success: ({ authSetting }) => {  
              if (authSetting['scope.camera']) {  
                uni.showToast({  
                  title: '摄像头打开成功,请重新进入',  
                  type: 'success',  
                  duration: 4000,  
                  success() {  
                    onClickBack()  
                  }  
                })  
              }  
            }  
          })  
        }  
      }  
    })  
  }  

  // 直播推流错误  
  function liveError(error : any) {  
    console.log('error', error)  
  }  
</script>  

<style scoped lang="scss">  
  .camera__page {  
    width: 100%;  
    height: 100%;  
    display: flex;  
    flex-direction: column;  
    background-color: #000000;  
    justify-content: flex-end;  

    .common__camrea {  
      width: 100%;  
      height: 0;  
      flex-grow: 1;  
    }  

    .camera__foot {  
      width: 750rpx;  
      height: 196rpx;  
      flex-shrink: 0;  
      display: flex;  
      flex-direction: row;  
      justify-content: center;  
      align-items: center;  
      background-color: #FFF;  
      padding-bottom: 30rpx;  

      .common {  
        width: 108rpx;  
        height: 88rpx;  
        display: flex;  
        flex-direction: column;  
        justify-content: center;  
        align-items: center;  
        margin: 0 75rpx;  

        .icon {  
          width: 48rpx;  
          height: 48rpx;  
        }  

        .text {  
          color: #070F23;  
          font-size: 24rpx;  
        }  
      }  

      &-snapshot {  
        width: 0;  
        height: 100%;  
        flex-grow: 1;  
        display: flex;  
        flex-direction: column;  
        justify-content: center;  
        align-items: center;  

        .take-icon {  
          width: 112rpx;  
          height: 112rpx;  
        }  
      }  
    }  
  }  
</style>

操作步骤：

新建项目

预期结果：

编译通过

实际结果：

直接编译出错