eslint： "解析エラー：予期しないトークン"

Question

Webアプリケーションで次のコードを使用すると、ESLintから次のような結果が得られます。私はインクリメントIメソッドとは対照的に、このループメソッドを使用することをお勧めします。このエラーは何を意味しますか？そして、ループの使用に何か問題があることを意味しますか？

エラーメッセージ：

Parsing error: Unexpected token of 

実際に行わコード：

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ループはECMAScriptの6の機能であり、これらはESLintではデフォルトで有効になっていません。

によると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 .

あなたがして、構成リンクをたどった場合、それはあなたが

/*eslint-env es6 */ 

JavaScriptファイル内

、または

と es6環境を有効にできることを示していますコンフィグレーションファイル内の

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