angular4使用原生JS属性报错error TS2339: Property 'checked' does not exist on type 'HTMLElement'.

最新推荐文章于 2023-02-13 15:00:51 发布
最新推荐文章于 2023-02-13 15:00:51 发布
阅读量4.2k 收藏
点赞数
分类专栏： angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_29532651/article/details/84063279
版权

不能使用all.checked使用checked属性，要使用all['checked']。

error TS2339: Property ‘checked‘ does not exist on type ‘Element‘.
weixin_53926064的博客
08-06 801
【代码】error TS2339: Property ‘checked‘ does not exist on type ‘Element‘.
Angular报错引入faker类库: error TS2580: Cannot find name 'require'.
我的开发博客(公众号:Web后端技术)
12-06 4438
Angular报错引入faker类库: error TS2580: Cannot find name ‘require’. faker 是生成测试数据的一个js类库。 在 InMemoryDataService 中调用 fake 类库，可以生成不同的英雄姓名。但是，在引入 fake 类时却报错了，这是为什么呢？ 报错详情 ERROR in src/app/services/in-memory-da...
报错：property ‘checked‘ does not exist on type ‘htmlelement‘.
m0_47106110的博客
02-13 559
报错 'checked' does not exist on type 'htmlelement'.
Property ‘...‘ does not exist on type ‘EventTarget‘ TypeScript&HTML解决方案
Damien_J_Scott的博客
06-02 4568
最新同事项目升级,把tsconfig的strictDomEventTypes打开了,HTML中出现了 Property ‘checked’ does not exist on type 'EventTarget’ 报错. 报错呈现 原因 因为$event是 MouseEvent 类型的,里面的target是 EventTarget 类型, EventTarget 里面是没有checked这个属性的. 解决 做法就是把target强转成 HTMLInputElement. 直接在HTML里面修改的.
解决TS报错Property ‘style‘ does not exist on type ‘Element‘
Ben_Simons
02-26 6324
在使用queryselector获取一个dom元素，编译时却报错说property 'style' does not exist on type 'element'。 原因：这是typescript的类型检查导致的，需要在querySelector方法前面加个类型断言。 let frameContainObj = document.getElementById("model_view_container") let iframeObj= <HTMLElement>frameContainO
TS类型定义ts(2339)问题
wgf1997的博客
06-15 1万+
TS类型定义ts(2339)问题
解决Angular12报错(resize-observer-polyfill) TS2717:Property contentRect must be of type DOMRectReadOnly
我的开发博客(公众号:Web后端技术)
05-19 2668
解决Angular12报错(resize-observer-polyfill) TS2717:Property contentRect must be of type DOMRectReadOnly 错误内容: 升级到Angular 12后，Angular UI 组件库 ng-zorro-antd 引用的 resize-observer-polyfill 库报错： Property contentRect must be of type DOMRectReadOnly, but here has type
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
10-20
在AngularJS中使用ng-repeat指令时，如果出现“[ngRepeat:dupes]”报错，说明在使用ng-repeat生成列表元素时，列表中存在重复的元素，而AngularJS默认情况下是不允许在重复项的重复器中创建多个相同元素的。...
Angular中使用ng-zorro图标库部分图标不能正常显示问题
01-19
ERROR Error: [@ant-design/icons-angular]: the icon redo-o does not exist or is not registered. at IconNotFoundError (ant-design-icons-angular.js:159) at MapSubscriber.project (ant-design-icons-angular...
error TS7053: Element implicitly has an ‘any‘ type because expression of type ‘“name“‘ can‘t be use
faceqq的博客
06-30 1318
遇到上面的错误我们只需要将reponse的类型设置为any就可以了
TS2339:报错Property '属性' does not exist on type '{}'
热门推荐
长歌的博客
06-20 5万+
ts某个方法（a）里面返回一个对象有属性b，在另一个方法里调用a().b，可以正常打印出结果，但是编译报错。报错信息：TS2339:报错Property 'b' does not exist on type '{}'，后来改写成a()[b]，成功去掉报错，耶！ ...
TS2339: Property does not exist on type 'CombinedVueInstance<Vue, unknown, ...>'的解决方案
HermitSun的博客
02-08 1万+
Vue + TypeScript的项目里，在watch里使用data里定义的数据的时候，发现类型消失了，出现了这个报错：TS2339: Property does not exist on type 'CombinedVueInstance<Vue, unknown, unknown, unknown, Readonly<{ ... }>>'。 查了一些资料之后，发现是因...
vue element-ui typescript tree报错 === Property 'getCheckedNodes' does not exist on type 'Element | E...
weixin_30737433的博客
08-29 869
import { Tree } from 'element-ui' const ref = <Tree>this.$refs.tree ref.getCheckedNodes() 转载于:https://www.cnblogs.com/cynthia-wuqian/p/11429794.html
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
Vue3 + Vite + Ts 报错：Property ‘ ‘ does not exist on type ‘never‘
A88552211的博客
04-24 1万+
报错代码显示： src/views/Classfy/index.vue:13:20 - error TS2339: Property 'name' does not exist on type 'never'. 13 <p>{{ item.name }}</p> ~~~~ src/views/Classfy/index.vue:14:32 - error TS2339: Property 'icon' does
react + typescript解决TS2339:Property ‘..‘ does not exist on type ‘Readonly＜{}＞‘错误
u012211003的博客
12-04 1万+
说来比较惭愧，已经两个多月没有更新博客了，由于身体不太好，而且手头上的项目也快进入收尾阶段了，一直没有时间与欲望更新博客，前几天boss又下发了一个新的项目，采用taro + react + reflux + typescript + taroUI做一个微信小程序，说多了都是眼泪啊，微信小程序我做过，挺熟的，之前用DCloud的HbuildX + uni-app做的vue微信小程序，还比较好用，可惜不支持react， 现在要转投react阵营了，就目前使用taro的情况来看，个人感觉没有DCloud好用，不
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'...
Ionic iframe - [ts] Property 'contentWindow' does not exist on type 'HTMLElement'.
06-13 5912
最近在ionic项目中,html中嵌入iframe标签,在ts引用时出现以下错误 [ts] Property ‘contentWindow’ does not exist on type ‘HTMLElement’. 我的html代码如下<ion-content scroll="true" overflow-scroll="true"> <iframe name="mainFrame
解决Typescript报错：Property 'style' does not exist on type 'Element'
weixin_42684309的博客
11-26 5736
直接说问题吧： 说一下我的最初代码： 此时使用style修改节点的样式时报错了，报错信息如下： 直接提示我们'style' does not exist 百度查找之后发现是我们没有给list做类型断言，所以typescript在检查类型的时候直接报错了。 解决方法如下： 给list添加<HTMLElement>做类型断言，完美解决 参考资料：https://www...
angular,Property 'go' does not exist on type 'Location'.
最新发布
09-17
### 回答1： 看起来你的代码中使用了一个名为 `go` 的属性，但是在 `Location` 类型中并没有定义这个属性。请确保你使用的属性在相应的类型中是存在的，或者使用了正确的类型。 举个例子，如果你在某个组件的代码中使用了 `Location` 类型，并希望使用它的 `path()` 方法来获取当前 URL 的路径，你应该这么写： ``` import { Location } from '@angular/common'; ... constructor(private location: Location) {} ... let path = this.location.path(); ``` 如果你误用了 `go` 属性，就会看到类似于 "Property go does not exist on type Location" 的错误信息。 ### 回答2： 在Angular中，当遇到错误消息"Property 'go' does not exist on type 'Location'"时，通常是由于调用了Location类中不存在的方法或属性所导致的。 Location是Angular中用来操作浏览器地址和导航的类。它提供了一系列方法来获取、设置和改变浏览器当前的URL。但是，它并不提供"go"这个方法。 如果我们希望在Angular中进行导航操作，可以使用Router类而不是Location类。Router类是Angular的路由器，它提供了包括导航跳转在内的各种导航功能。 要解决这个错误，我们只需将代码中的"Location.go()"替换为"Router.navigate()"。Router类中的navigate()方法可以接受一个URL或路由路径作为参数，并根据参数实现导航。 举个例子，如果我们原先的代码是这样的： ``` import { Location } from '@angular/common'; // ... export class MyComponent { constructor(private location: Location) {} goBack() { this.location.go('/previous-page'); } } ``` 我们只需将其中的`this.location.go('/previous-page')`替换为： ``` import { Router } from '@angular/router'; // ... export class MyComponent { constructor(private router: Router) {} goBack() { this.router.navigate(['/previous-page']); } } ``` 通过使用Router类的navigate()方法，我们可以解决这个错误，并成功实现在Angular中的导航操作。 ### 回答3： 错误"Property 'go' does not exist on type 'Location'"是因为在Angular中，Location类不具有名为"go"的属性。 Location是Angular中的一个内置服务，用于管理浏览器的URL地址。它提供了一些方法来查看和操作当前URL。然而，Location并不包含"go"方法。 如果您想在应用程序中导航到另一个URL，可以使用Router服务的navigate方法。Router是Angular中用于管理应用程序路由的服务，它提供了一些方法来实现导航。 要使用Router服务进行导航，您需要先在组件构造函数中注入Router服务，然后可以使用其navigate方法来导航到另一个URL。例如，假设您正在创建一个名为"HomeComponent"的组件，并希望在用户点击某个按钮时导航到"/about"页面，您可以按照以下步骤进行操作： 1. 首先，在组件的构造函数中注入Router服务。 ```typescript constructor(private router: Router) { } ``` 2. 然后，在组件的某个方法中使用navigate方法进行导航。 ```typescript onNavigate() { this.router.navigate(['/about']); } ``` 在这个例子中，当用户点击某个按钮时，onNavigate方法将被调用，并通过调用Router服务的navigate方法来导航到"/about"页面。 总而言之，如果您遇到错误"Property 'go' does not exist on type 'Location'"，请检查您的代码中是否错误地在Location上使用了"go"属性。如果您想进行页面导航，应该使用Router服务的navigate方法来实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值