Property ‘...‘ does not exist on type ‘EventTarget‘ TypeScript&HTML解决方案

最新推荐文章于 2024-05-16 19:21:47 发布
最新推荐文章于 2024-05-16 19:21:47 发布
阅读量4.2k 收藏 6
点赞数 9
分类专栏： JS&TS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Damien_J_Scott/article/details/117460992
版权

最新同事项目升级,把tsconfig的strictDomEventTypes打开了,HTML中出现了 Property ‘checked’ does not exist on type 'EventTarget’ 报错.帮他解决之后总结下.

报错呈现

在这里插入图片描述
在这里插入图片描述

原因

因为$event是 MouseEvent 类型的,里面的target是 EventTarget 类型, EventTarget 里面是没有checked这个属性的.

解决方法1

做法就是把target强转成 HTMLInputElement.

在这里插入图片描述

在这里插入图片描述

解决方法2

在html使用 $any() ,这个html中的方法就相当于 ts里面的 as any的操作.
在这里插入图片描述

方法1延伸

不光是checked可能报错,还有可能其他属性不在 EventTarget 里面.

https://www.designcise.com/web/tutorial/how-to-fix-property-does-not-exist-on-type-eventtarget-typescript-error

这篇Blog里面列出了各种需要强转的类型.

Damien_J
关注
  • 9
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
【vue】解决Property ‘xxx‘ does not exist on type ‘never‘
栀妹儿的炼丹炉
12-01 1万+
做一个根据id返回对应名称的过滤函数，记录如下报错 报错：Property 'xxx' does not exist on type 'never'.Vetur(2339) 我获取到的数据是：{__ob__: we}对象形式的数组 解决方法：通过字符方式获取对象属性【来自大神：EsquireY】 growthStageFormat(id){ let label = ''; // 重点来啦 this.stepAttr.find((item) => { .
phpcms无法读取index.html的解决办法(Action does not exist)
09-29
打开网站提示 Action does not exist. 是程序无法读取index.html的原因，但后来修改伪静态规则后，还是不行-，-现在就补充一下如何解决这个问题
Property ‘value‘ does not exist on type ‘EventTarget‘.ts(2339)
weixin_38441229的博客
08-02 324
在ts使用select出错了，在ts的全局配置加入EventTarget { value: number };
Property xxx does not exist on type ‘Window & typeof globalThis‘ 解决方法
最新发布
苍老师背后的男人
05-16 755
出现以上typescript警告，是因为代码使用了window的。，即原生 window 对象上不存在该属性。文件不在src目录下，则需要在根目录的。文件中，指定其所在目录，如下图所示。下新建 xxx.d.ts。
js点击事件 获取父级元素的时候报错 （ Property ‘parentElement‘ does not exist on type ‘EventTarget‘）
xiaomanonyo的博客
01-29 1285
报错： 但是我直接debugger，是能获取到这个值的，但是这样用就报错。 后来在别的答案下面，回答解释说这个只是用来给你debugger调试用的，不能直接在代码里这样直接访问。 解决办法：强制类型转换（不知道还有没有别的办法） （<HTMLElement>e.target).parentElement 这样使用就不会报错了 或使用parentNode： ( <HTMLElement>( <HTMLElement>event.target...
vue + typescript使用过程中报Property 'xxx' does not exist on type 'Vue'错误
热门推荐
从入门到放弃的博客
01-10 2万+
在使用ts的过程中发现，父组件调用子组件方法的时候 this.$refs.chlid.chlidMethod() 发现vscode报错Property 'chlidMethod' does not exist on type 'Vue的情况，但是实际上运行效果完全没问题。 主要原因是vscode会根据声明文件自动进行类型推断的，这里没法知道childMethod的类型 因此，如下即可 ...
Vue3 使用嵌套路由、以及遇到的 Property ‘xxx‘ does not exist on type
qq_43426246的博客
03-08 1万+
Vue3 与 vue2 Router中的使用，以及 Property 'xxx' does not exist on type
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）
10-14
在使用Visual Studio Code (VSCode) 开发Vue项目时，可能会遇到一个常见的错误：“Property ‘xxx’ does not exist on type ‘CombinedVueInstance<{ readonly...}, Vetur(2339)”。这个错误提示通常出现在使用...
Django 报错User.DoesNotExist: User matching query does not exist.解决办法
01-20
models.py — 定义数据表 from django.db import models # Create your models here. class User(models.Model): username = models.CharField(max_length=20, primary_key=True) password = models.CharField(max...
does not exist.解决/root/.Xauthority does not exist
06-18
解决 /root/.Xauthority does not exist" 涉及到的是一个常见的 Linux 系统问题，通常在使用图形界面（如 X Window System）或通过 SSH 远程连接时遇到。这个问题指出，系统找不到 `/root/.Xauthority` 文件，这是...
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly…Vetur（2339）
11-19
VSCode 中 Vue 项目报错 Property ‘xxx‘ does not exist on type ‘CombinedVueInstance…Vetur（2339） 在 VSCode 中使用 Vue 项目时，可能会遇到 Property ‘xxx‘ does not exist on type ...
Property clientX does not exist on type {}
weixin_30411819的博客
06-24 310
今天玩rxjs猜到一坑 Property clientX does not exist on type {} 什么鬼？ 大哥没搞错吧，明明在这里，你却说不在里面，简直是睁眼说瞎话啊 自己琢磨了半天还是没办法，上网搜一下吧，终于找到答案 正如这哥们所说，必须要指明事件访问类型，ok，let's go next api.... 转载于:https://www.cnblogs.com/xiongw...
ts：报错Property xxx does not exist on type
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
06-01 6641
1、把 this.$router 改为 this['$router'] 2、对类型进行补充，修改文件vue-shim.d.ts
记录Property ‘xxx‘ does not exist on type问题解决方法
liyp921210的博客
03-20 5181
在Vue3 + TS 的demo项目中 , 使用app.config.globalProperties.$session = sessionStorage封装了一个全局的$session , 但是出现了Property '$session' does not exist on type的报错提示 , 查找了下发现是需要写一个声明文件。在src文件夹下新建一个xxx.d.ts文件。
TypeScript/TS 错误：用 class 定义对象时 Property ‘***‘ does not exist on type ‘***‘.
YopenLang的博客
07-12 1287
我们在使用 定一个类时，直接给类实例添加属性会报一个 TS 的错误： 比如上面， 会报错：💥 因此，我们需要加上类型定义： 这样就避免了报错。[1] https://stackoverflow.com/questions/41315930/class-declaration-property-does-not-exist-on-type-in-typescript......
Property ‘blur‘ does not exist on type ‘Vue | Element | Vue[] | Element[]‘.
Cheryl的加工厂
06-10 749
<div v-on:keyup.enter="search"> <template v-slot:activator="{ on }"> <v-text-field solo hide-details label="请输入关键词" append-icon="search" v-model="text" class="input-search" au
vue+Ts 报vue ts this报Property ‘x‘ does not exist on type
weixin_51406830的博客
06-09 2505
个人感觉就是TS检测不到this的类型，解决方法如下： 1.第一种方法 (this as any) 后面跟要调用的就行 2.第二种方法 //tsconfig.json文件 "strict": false, //改成false //参考链接:https://cn.vuejs.org/v2/guide/typescript.html ...
Property ‘id‘ does not exist on type ‘never‘.
qq_43142023的博客
12-22 4104
Property 'id' does not exist on type 'never'.
报错：property ‘checked‘ does not exist on type ‘htmlelement‘.
m0_47106110的博客
02-13 455
报错 'checked' does not exist on type 'htmlelement'.
KeyboardEvent keyCode Property
weixin_30698297的博客
09-15 183
Definition and Usage The keyCode property returns the Unicode character code of the key that triggered theonkeypressevent, or the Unicode key code of the key that triggered theonkeydownoronkeyup...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值