Type 'NodeListOf<any>' must have a '[Symbol.iterator]()' method that returns an iterator.

typscript 使用 for  of 对节点list 进行遍历时报错:

Type 'NodeListOf<any>' must have a '[Symbol.iterator]()' method that returns an iterator.

比如下面代码

 let items  = document.querySelectorAll('div');for(let v of items ) {console.log(v);}

【解决方法】

重新配置 项目下的 ts 配置文件 tsconfig.json,添加一条 dom.iterable 并【重新启动项目】

"compilerOptions": {/* Basic Options */"target": "ES2016",                          "module": "ESNext",                    "lib": ["dom","dom.iterable",//这里是新增项"es2016"],                     

typescript Type 'NodeListOfany' must have a '[Symbol.iterator]()' method that returns an iterato相关推荐

  1. es6 Symbol iterator接口

    Symbol定义:一种新的原始数据类型,表示独一无二的值,是一种类似字符串的数据类型 特点: 值是唯一的,用来解决命名冲突的问题 值不能与其他数据进行运算 注意点 Symbol 值作为属性名时,该属性 ...

  2. lterator 迭代器 静态属性Symbol.iterator Symbol(Symbol.iterator)

    ** lterator迭代器 ** 迭代模式:提供一种方法是可以顺序获得聚合对象中的各个元素,是一种最简单也最常见的设计模式.他可以让用户透过特定的接口巡防集合中的每一个元素而不用了解底层的实现 迭代 ...

  3. 【错误记录】Kotlin 编译报错 ( Not nullable value required to call an ‘iterator()‘ method on for-loop range )

    文章目录 一.报错信息 二.解决方案 一.报错信息 Google Play 上架要求 Android 的编译版本 和 目标版本都要高于 30 才可以上传 ; 将 Android 的编译版本 和 目标版 ...

  4. 成功解决 TypeError: type numpy.ndarray doesn't define __round__ method

    成功解决 TypeError: type numpy.ndarray doesn't define __round__ method 目录 解决问题 解决问题 解决方法 解决问题 TypeError: ...

  5. TypeScript Type Innference(类型推断)

    在这一节,我们将介绍TypeScript中的类型推断.我们将会讨论类型推断需要在何处用到以及如何推断. 基础 在TypeScript中,在几个没有明确指定类型注释的地方将会使用类型推断来提供类型信息. ...

  6. TypeScript Type Compatibility 类型兼容性

    官方链接 TypeScript 中的类型兼容性基于结构子类型. 结构类型是一种仅基于其成员关联类型的方法.这与 nominal typing 相反.考虑以下代码: interface Pet {nam ...

  7. TypeScript Type Assertions - 类型断言

    有时,您会获得有关 TypeScript 不知道的值类型的信息. 例如,如果你使用 document.getElementById,TypeScript 只知道这会返回某种 HTMLElement,但 ...

  8. TypeScript type 和 interface区别

    在使用ts的type 和 interface时 两者作用(简单案例) interface只能定义对象数据结构类型. // 简单案例1 interface User {name: string;age: ...

  9. Field jdbcTemplate in ***** required a bean of type '***' that could not be found. - Bean method 'j

    spring boot 启动报错: 2019-08-01 18:46:05.929 INFO 1480 --- [ main] com.boss.fap.FapServiceMain2 : Start ...

最新文章

  1. python绘图颜色代码_python matplotlib-颜色代码+ve和-ve值在绘图中
  2. 你的pyc文件,泄露了你的秘密!
  3. 全国计算机等级考试题库二级C操作题100套(第72套)
  4. LSGO软件技术团队2015~2016学年第三周(0914~0920)总结
  5. 【BZOJ1014】【tyvj3486】火星人prefix,Splay+字符串hash
  6. mysql并行复制降低主从同步延时的思路与启示
  7. java运行出现XML_eclipse开发环境下,项目运行时出现pom.xml报错(java.io.PrintWriter)...
  8. 【Best Time to Buy and Sell Stock II】cpp
  9. 如何把一个软件嵌入另一个软件_Notion可不只是一个笔记软件
  10. matlab数据归一化函数mapminmax
  11. 扫描仪共享工具(BlindScanner Pro) 3.23 特别版
  12. 20款优秀的免费 WordPress 企业主题
  13. Excel2016制作动态图表
  14. selenium下拉列表定位之 select+option 的定位
  15. 用python输出所有的玫瑰花数_python玫瑰花
  16. CEP的一个简单理解
  17. lazy(懒加载)模式和异步加载模式详解
  18. 人工智能有哪些好书值得推荐?
  19. 平安好医生王涛:“互联网+人工智能”重塑医疗服务
  20. raw文件 linux,Linux下处理(包括raw,HDR)和管理照片软件介绍

热门文章

  1. Android 获取联系人和电话号码
  2. [linux] bash_profile 编辑(i)/退出编辑(esc)/退出(:wq)
  3. android导入ssl证书,Android和SSL证书加载
  4. Python数据分析pygal填充数据到世界地图
  5. 织梦网站定时审核,定时发布织梦插件
  6. Chap.19 总结《CL: An Introduction》 (Vyvyan Evans)
  7. python中文转16进制_Python 16进制与中文相互转换的实现方法
  8. SEO免费外链发布工具
  9. 海尔系列报道之一:海尔“小微”怎么玩
  10. 深圳荣耀Java后端一面