uni-app HBuilderX创建的vue3引用useTemplateRef报错

uni-app HBuilderX创建的vue3引用useTemplateRef报错

开发环境 版本号 项目创建方式
Windows win10 HBuilderX

操作步骤:

import { reactive, useTemplateRef } from ‘vue’ “useTemplateRef” is not exported by “node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js”


# 预期结果:


import {
reactive,
useTemplateRef
} from 'vue'
正常使用vue3最新稳定版本

实际结果:

import { reactive, useTemplateRef } from ‘vue’ “useTemplateRef” is not exported by “node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js”


# bug描述:


"useTemplateRef" is not exported by "node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js"

更多关于uni-app HBuilderX创建的vue3引用useTemplateRef报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

uniapp 现在的vue依赖版本是 3.4.21,useTemplateRef 是 3.5 才开始支持的

更多关于uni-app HBuilderX创建的vue3引用useTemplateRef报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我也知道啊,如何升级?

回复 4***@qq.com: 不支持

回复 DCloud_UNI_JBB: 希望尽快得到支持

这个报错是因为uni-app目前使用的Vue版本中不包含useTemplateRef这个API。uni-app基于Vue2/Vue3做了定制化封装,部分新API可能还未支持。

解决方案:

  1. 使用Vue3标准API替代:
import { ref } from 'vue'
const myRef = ref(null)
回到顶部