eslint: "Parsing-Fehler: Unerwartetes Token von"

Question

Wenn ich den folgenden Code in meiner Web-App verwende, bekomme ich die folgende Rückkehr von ESLint. Ich würde diese Schleifenmethode lieber als die Inkrement-I-Methode verwenden. Was bedeutet dieser Fehler? Und bedeutet es, dass etwas mit der Verwendung der Schleife nicht stimmt?

Fehlermeldung:

Parsing error: Unexpected token of 

Actual betroffenen Code:

renderCanvas: function() { 
    console.log("Rendering Model"); 
    var canvases = document.getElementsByClassName("DesignerCanvas"); 
    for (var canvas of canvases) { 
    var ctx = canvas.getContext('2d'); 

    ctx.beginPath(); 
    // String for Hanging 
    ctx.closePath(); 

    ctx.beginPath(); 
    // Top Trimming 
    ctx.closePath(); 

    ctx.beginPath(); 
    // Outter Shade Body 
    ctx.closePath(); 

    ctx.beginPath(); 
    // Bottom Trimming 
    ctx.closePath(); 

    ctx.beginPath(); 
    // Inner Shade Body 
    ctx.closePath(); 
    } 
} 

Answer 1

for-of Schleifen sind ein EcmaScript 6 Funktion, und diese werden nicht standardmäßig in ESLint aktiviert.

Nach dem documentation:

What about ECMAScript 6 support?
ESLint has full support for ECMAScript 6. By default, this support is off. You can enable ECMAScript 6 support through configuration .

Wenn Sie dann die Konfiguration Link folgen, es sagt Ihnen, dass Sie die es6 Umgebung mit

/*eslint-env es6 */ 

in der JavaScript-Datei aktivieren, oder

{ 
    "env": { 
     "es6": true 
    } 
} 

in der Konfigurationsdatei.