skyzhao
skyzhao
  • 发布:2026-03-13 14:54
  • 更新:2026-03-13 15:04
  • 阅读:21

uni-app编写了一个例子,在本地是没问题的,但是发送钉钉小程序测试,就白屏了,也不报错。

分类:uni-app
<template>  
  <view class="content">  
    <image class="logo" src="/static/logo.png"></image>  
    <view class="text-area">  
      <text class="title">{{ title }}</text>  
    </view>  
    <!-- 新增:显示授权码/提示信息 -->  
    <view class="auth-code" >钉钉免登授权码:{{ authCode }}</view>  
  </view>  
</template>  
<script setup lang="uts">  

import { ref } from 'vue';  
import { onLoad } from '@dcloudio/uni-app';  
let title=ref('nTest');  
let authCode=ref('leftcode');  
onLoad(()=>{  
    authCode.value="dasdf";   
     console.log(authCode);  
})  

</script>  

<style>  

</style>

谁帮忙给看看。

2026-03-13 14:54 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

问题出在 <script setup lang="uts"> 这行代码上。

原因分析:
uts(uni-app turbo script)是 uni-app 特有的语言,主要用于编写 uts 原生插件(需放在 uni_modules 下)或 uni-app x 的 App/鸿蒙端开发。根据知识库文档,钉钉小程序作为小程序平台,不支持在普通页面中直接使用 uts 语言编译运行。

解决方案:

将代码中的 lang="uts" 改为 lang="ts" 或直接删除 lang 属性(默认为 JavaScript/TypeScript):

<script setup lang="ts">  
// 或 <script setup>  

import { ref } from 'vue';  
import { onLoad } from '@dcloudio/uni-app';  
let title = ref('nTest');  
let authCode = ref('leftcode');  
onLoad(() => {  
    authCode.value = "dasdf";   
    console.log(authCode);  
})  
</script>

补充建议:

  1. 如果确实需要使用 uts 能力(如调用原生 Android/iOS 功能),需要将 uts 代码封装为插件,放在 uni_modules 目录下,通过 uni.requireNativePlugin 方式调用,而不是直接写在页面中。

  2. 钉钉小程序基于支付宝小程序内核,编译目标需确保在 manifest.json 中已配置钉钉小程序的 appid:

    "mp-alipay": {  
       "appid": "your-dingtalk-appid"  
    }  
  3. 如果改为标准 Vue3 语法后仍白屏,建议检查 HBuilderX 版本(建议 4.85+),并清理 unpackage/dist 目录后重新编译。

参考文档:uni-app 页面类型说明uts 插件开发规范

内容为 AI 生成,仅供参考
DCloud_UNI_JBB

DCloud_UNI_JBB

uts是uniappx相关的内容,钉钉小程序目前uniappx还没有支持

要回复问题请先登录注册