la propriété forEach n'existe pas sur le type NodeListOf

Question

Angular 2.4.4, TypeScript 2.1.5, PhpStorm 2017.2.1 J'écris ce code :

const list = document.querySelectorAll('path.frame-zone');
list.forEach(() => {

Mais la deuxième ligne est soulignée par une ligne rouge et TsLint rapporte que "la propriété forEach n'existe pas sur le type NodeListOf". Mais lorsque je ctrl+clique sur la propriété forEach ça me permet de lib.es6.d.ts où forEach est déclaré pour interface NodeListOf<TNode extends Node>

Pourquoi je ne peux pas l'utiliser ? Quel est le problème ?

Answer 1

Vous devez le convertir en tableau :

const frameZones = Array.from(document.querySelectorAll('path.frame-zone'));
frameZones.forEach((...) => {});

Answer 2

Il suffit d'ajouter "dom.iterable" a tsconfig.json de sorte que cela ressemble un peu à ceci :

{
    "compilerOptions": {
        "lib": [
            "es6",
            "dom",
            "dom.iterable"
        ],
...

Answer 3

Vous pouvez le caster pour que le compilateur sache qu'il peut être itéré :

(document.querySelectorAll('path.frame-zone') as any as Array<HTMLElement>).forEach();

Answer 4

Essayer de le lancer :

const list = (NodeListOf) document.querySelectorAll('path.frame-zone');

ah tapuscrit peut-être comme ça :

const list = <NodeListOf> document.querySelectorAll('path.frame-zone');