uni-app uniappx 的<script lang="uts" setup> ref 爆红

uni-app uniappx 的<script lang="uts" setup> ref 爆红

开发环境 版本号 项目创建方式
Windows 10 HBuilderX 
产品分类：uniapp/App

PC开发环境操作系统：Windows

PC开发环境操作系统版本号：10

HBuilderX类型：Alpha

HBuilderX版本号：4.62

手机系统：Android

手机系统版本号：Android 15

手机厂商：模拟器

手机机型：1

页面类型：vue

vue版本：vue2

打包方式：云端

项目创建方式：HBuilderX

### 操作步骤：
1

### 预期结果：
1

### 实际结果：
1

### bug描述：
index.nvue

```javascript
<script lang="uts" setup>
    console.log(1)
    var tit:string=ref("你好啊")
</script>

这里，uniappx的演示项目我看了也是会的


更多关于uni-app uniappx 的<script lang="uts" setup> ref 爆红的实战教程也可以访问 https://www.itying.com/category-93-b0.html

9 回复

hello ， 你这么写是存在有语法问题的
正确的绑定字符串类型写法是：
const tit = ref<string>(“你好啊”);
至于你的问题中的 uniappx的演示项目 具体是指的哪个？

更多关于uni-app uniappx 的<script lang="uts" setup> ref 爆红的实战教程也可以访问 https://www.itying.com/category-93-b0.html


不是语法问题，官方demo文档写的很清楚，也是这么用的https://doc.dcloud.net.cn/uni-app-x/vue/composition-api.html#ref 包括你们的案例https://gitcode.net/dcloud/hello-uvue/-/blob/alpha/pages/reactivity/core/ref/ref.uvue

你看看底下我新发了一个评论，我还发了一个截图

你看HBuilder X 4.62.2025041603-alpha 版本下，一样报红 这还是你们官方的演示文件，可以运行，但是还是爆红
目录 \pages\API\get-accessibility-info\get-accessibility-info.uvue 一样报的错的

hello ， 我打开看过这个文件，没有提示报错的，你可以尝试重新打开或者重新安装一下试试
至于你说文档的问题， 你看到哪个带有 ref 的数据，左侧带有 :类型 这样的数据？

hello ， 我打开看过这个文件，没有提示报错的，你可以尝试重新打开或者重新安装一下试试
至于你说文档的问题， 你看到哪个带有 ref 的数据，左侧带有 :类型 这样的数据？

我试下，谢谢

可以了，原因可能因为我装了两个版本正式版 v4.57 Alpha版 v4.62，所以冲突了。我是两个都卸载了，然后重新装Alpha版 v4.62 就不爆红了

这是uniappx在HBuilderX Alpha版本中的已知问题，ref在<script lang="uts" setup>中会出现类型推断错误。目前可以尝试以下两种临时解决方案：

  1. 显式声明类型：
<script lang="uts" setup>
    const tit = ref<string>("你好啊")
</script>
  1. 使用传统script写法：
<script lang="uts">
    export default {
        setup() {
            const tit = ref<string>("你好啊")
            return { tit }
        }
    }
</script>
回到顶部