vue+TS中父组件调用子组件报错Property ‘xxx‘ does not exist on type ‘Vue‘解决方案

最新推荐文章于 2025-12-29 10:39:36 发布
原创 最新推荐文章于 2025-12-29 10:39:36 发布 · 6.3k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文探讨了在使用Vue.js时遇到的一个常见问题：即在父组件中调用子组件的方法时，VSCode出现类型推断错误提示，但实际上功能正常。文章提供了两种解决方法来规避IDE的类型检查警告。

在使用ts的过程中发现，父组件调用子组件方法的时候

this.$refs.childThisParent .handleCommitInfo()
发现vscode报错Property 'handleCommitInfo' does not exist on type 'Vue的情况，但是实际上运行效果完全没问题。

主要原因是 vscode会根据声明文件自动进行类型推断的，这里没法知道childMethod的类型

因此，如下即可

(this.$refs.childThisParent as any).chlidMethod()  或者  (this.childThisParent as any).handleCommitInfo()

调用判断值也可以(this.childThisParent as any).canSubmit

解决Vue 3升级报错问题
TechGlide的博客
09-30 692
错误5：“Vue plugins must install a plugin via the app.config.globalProperties or app.config.optionMergeStrategies API.”通过以上解决方案，你可以解决在Vue 3升级过程中可能遇到的常见报错。Vue 3引入了编译器的选项，可以选择在运行时使用编译器或者使用预编译的版本。在进行Vue 3的升级过程中，有时候会遇到一些报错信息。在Vue 3中，一些全局属性和方法的访问方式发生了改变。
Property ‘xxx‘ does not exist on type ‘xxx‘报错解决
热门推荐
m0_67402236的博客
03-08 2万+
用ts写一个组件的时候，遇到了Property ‘increment’ does not exist on type 'Add’的红点儿报错，但神奇的是竟然还能正常运行。 在参考一些正确的代码后，有两个解决方案。 在export default class Add extends Vue {} 里面定义对应的Prop： import { Component, Vue, Prop } from “vue-property-decorator”; import { mapState } from “vue
Property ‘unmount‘ does not exist on type ‘Window & typeof globalThis‘
天问博客-专注于大前端技术
12-12 1801
在 Vue3 + Vite + TS 的项目中，接入 MicroApp 微前端时，编辑器出现 TS2339: Property 'unmount' does not exist on type 'Window & typeof globalThis'. 的错误提示。
TS 错误property does not exist on type Object
前端金牌摸鱼达人
08-03 1万+
在TypeScript中如果按JS的方式去获取对象属性，有时会提示形如Property 'value' does not exist on type 'Object'的错误。具体代码如下： var obj: Object = Object.create(null); obj.value = "value";//[ts] Property 'value' does not exist on type'Object'. 这是因为Typescript在执行代码检查时在该对象没有定义相应属性，遇到该报错有以
Vue.js 报错：Property ‘xxx‘ does not exist on type ‘unknown‘
最新发布
有我更精彩的博客
12-29 896
Property does not exist on unknown」= 类型太宽泛，TS 不知道有没有。给变量「上户口」——具体接口、泛型约束、as 断言，让 TypeScript 永远知道你在访问什么！最后问候亲爱的朋友们，并邀请你们阅读我的全新著作📚《Vue.js 3企业级项目开发实战（微课视频版》
【已解决】TS. Property ‘$axios‘ does not exist on type ‘xxx‘；
bao
03-01 5999
问题 在 vue 中使用 typescript. 在 mian.ts vue 原型绑定属性 Vue.prototype.$axios = axios, 在组件中使用的时候编辑器报错, 但是可以正常运行代码. 解决办法 方法1: 指定 this 类型为 any, 但是使用 any 就失去了类型安全保障, 又得不到工具的支持, 写起来也不太雅观. 方法2: 在组件内申明 $axios: any, 这样每个组件内都需要这样写, 也是很麻烦 或者 方法3: 在 src/shims.d.ts 文件中添加以下代
Vue3 使用嵌套路由、以及遇到的 Property ‘xxx‘ does not exist on type
qq_43426246的博客
03-08 1万+
Vue3 与 vue2 Router中的使用，以及 Property 'xxx' does not exist on type
记录Property ‘xxx‘ does not exist on type问题解决方法
liyp921210的博客
03-20 8082
在Vue3 + TS 的demo项目中 , 使用app.config.globalProperties.$session = sessionStorage封装了一个全局的$session , 但是出现了Property '$session' does not exist on type的报错提示 , 查找了下发现是需要写一个声明文件。在src文件夹下新建一个xxx.d.ts文件。
Property xxx does not exist on type ‘Window & typeof globalThis‘ 解决方法
苍老师背后的男人
05-16 3742
出现以上typescript警告，是因为代码使用了window的。，即原生 window 对象上不存在该属性。文件不在src目录下，则需要在根目录的。文件中，指定其所在目录，如下图所示。下新建 xxx.d.ts。
VUE中Property ‘xxxx’ does not exist on type ‘CombinedVueInstance
qq_44900902的博客
09-02 3695
报错内容 Property ‘xxxx’ does not exist on type 'CombinedVueInstance<{ readyOnly: unknown; businessPrice: unknown; travelStaffInfo: any; } & Record<never, any> & Vue, object, object, object, Record<never, any>>. Vetur 报错原因 Vetur配置问题
TypeScript 错误property does not exist on type Object
qq_40934617的博客
12-08 7656
TypeScript 错误property does not exist on type Object 这是因为Typescript在执行代码检查时在该对象没有定义相应属性，解决方法： 1、将对象类型设置为any 2、通过字符方式获取对象属性 … 报错property does not exist on type Object function foo(obj:object) { console.log(obj.name); } 1、将对象类型设置为any解决 function foo(ob
Angular2+中Property 'length' does not exist on type 'never' 问题的原因与解决办法
Darion的博客
08-13 9995
今天写代码时，系统突然报了一个Property 'length' does not exist on type 'never' 的错误，这样的关键字，网上很难直接找到答案。因此放弃查找，自己解决。 这个问题比较奇怪，究其原因就是在一个公用的类里面定义了一个常量，常量赋的值为空字符串，类的代码如下： export class AppConfig { public readonly apiU...
Property ‘xxx‘ does not exist on type ‘Vue | Element | (Vue | Element)[]‘.
popping_Sun的博客
06-10 3396
这段时间使用ts,对于习惯js的我，刚开始真不习惯，各种坑等着我去踩，不过ts对于代码维护与理解确实挺nice的，还是赶快学习ts，赶上时代呀。博主在使用ts过程中碰到了好几次这个问题，以此记录一下， ...
TypeScript报错解决--Property 'target' does not exist on type 'typeof Dep'.ts(2339)
学渣蓝鲸的博客
11-06 1万+
问题描述 demo代码： let uid = 0; Class Dep{ constructor(){ this.id = uid++; // vscode编译器报错 } } 使用vscode编写typeScript文件，使this.id赋值时会提示报错，报错信息如下： error : Property 'id' does not exist on type 'Dep'...
Property ‘clearSelection’ does not exist on type ‘Vue’
知行合一
05-27 3052
首先vue+typescript下报Property ‘clearSelection’ does not exist on type ‘Vue’ 这种情况居然会编译错误， 查看报了什么错，显示是 分析原因： 它不知道是哪个类型的属性，因为我们这里用到了TypeScript，而TypeScript 又是强类型检查所以报了这个错。 解决方案： 将原来的 this.$refs['multipleTable'].clearSelection() 修改为任意类型 (this.$refs['multipleTa
解决TS报错Property ‘style‘ does not exist on type ‘Element‘
qq_41742839的博客
03-10 4304
解决TS报错Property 'style' does not exist on type 'Element'
vue报错：**Property ‘xxxx‘ does not exist on type ‘xxxx‘**
qq_43510829的博客
04-07 1万+
解决：首先检查是不是没有这个属性，如果确定所有变量引用都没问题，直接忽视就好了 原因：比如变量 a 有个属性 b，但是 a（数据）是可能是从后端或者从别的文件传过来的，在该文件下 vscode 无法查找到 a.b，则会显示有问题，但页面会正常显示，无伤大雅，如果没有正常显示那一定是某处出问题了 小提示：如果是后端传数据，可以自己手动请求一遍数据（比如用 httpie 或者 postman），看看是否能返回数据或者返回的数据正常，以此来排除后端接口原因 如果觉得对你有帮助的话，点个赞呗~ 反正发文又不赚钱.
【TypeScript报错已解决】Error TS2339: Property ‘x‘ does not exist on type ‘y‘.
鸽芷咕的博客
11-03 2369
在软件开发过程中，报错是开发者经常会遇到的问题。尤其是在使用 TypeScript 进行开发时，各种类型的报错可能会让人感到困惑和无从下手。其中，"Error TS2339: Property 'x' does not exist on type 'y'."这个报错信息相信很多开发者都遇到过。那么，这个报错到底是怎么产生的呢？又该如何解决呢？本文将深入探讨这个问题，并提供多种解决方法。
Vue 错误 Property ‘xxx‘ does not exist on type ‘{}‘.
Tao 技术博客
12-21 4104
vue 简单错误
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值