【报Bug】ts+vue3的uniapp项目在重命名文件之后，标签上的方法或变量会提示[ts] Property 'xxx' does not exist on type 'VueInstance'

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.6.5

第三方开发者工具版本号： stable 1.06.2209190

基础库版本号： 2.26.0

项目创建方式： HBuilderX

示例代码：

<template>  
    <view>  
        <template v-for="item in repairOrderList" :key="index">  
            <view class="card" @click="goDetail(item)">  
                <view class="card-left">  
                    <view class="repairType">{{item.repairType}}</view>  
                    <view class="sText">发起时间：{{item.createTime}}</view>  
                </view>  
            </view>  
        </template>  
    </view>  
</template>  

<script setup lang="ts">  
    import { ref } from "vue";  

    const repairOrderList = ref([])  

    function goDetail(e: any) {  

    }  
</script>

操作步骤：

1、新建页面，创建同名目录，在pages.json中注册
2、编写部分代码保存
3、重命名该页面，修改pages.json的页面注册路径，保存

预期结果：

重命名成功并编译完成，正常代码提示，不会有任何报错

实际结果：

标签上绑定的变量或方法均提示：[ts] Property 'xxx' does not exist on type 'VueInstance'

bug描述：

项目使用的是vue3+uniapp+ts，script部分使用的是setup语法糖写法文件重命名并且修改完pages.json等文件路径后，被重命名的文件有时候会提示：[ts] Property 'xxx' does not exist on type 'VueInstance'，但是在script里面是有暴露并且能正常编译渲染。该文件无论是无论是新定义或是重命名前的变量、方法在标签里都会提示这个，丢失语法提示。

不能稳定复现，有时候将代码拷贝，删除该文件然后重新贴上能恢复，有时候不行。
偶尔重启或者重新编译能修复。

2022-11-24 17:14 负责人:无分享

16 个回复

最佳回复

Creat

同样的问题

Creat

找到原因了，应该是js和ts混用引起的bug

解决：

1、将main.js 重命名为main.ts

2、将index.html中script src=main.js 改为main.ts

问题解决

2023-02-28 08:52
4***@qq.com

回复 Creat: 安装好了就是main.ts 也是这个错误

2023-03-02 11:23
l***@163.com

回复 Creat: 还是同样的错误。

2023-03-08 22:51