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

最新同事项目升级,把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里面列出了各种需要强转的类型.

你可能感兴趣的:(JS&TS)