構文エラー：letは字句的にバインドされた名前として許可されていません

Question

私はvue.jsを使用していて、 "Uncaught SyntaxError：letがレキシカルにバインドされた名前として許可されていません。私がデバッグすると、空白の画面とこのエラーがコンソールに表示されます。

私はグーグルではありますが、役に立たないものは見つかりませんでした。ここで

は私のVueのコードです：

let Task = { 
     props: ['task'], 
     template: ` 
     <div> 
     <div class="tasks"> 
      {{ task.body }} 

     </div> 
     </div> 
    ` 

    }, 

    let Tasks = { 
     components:{ 
     'task': Task 
     }, 

     data: { 
     return { 
      tasks: [ 
      {id: 1, body: 'Task One', done: false } 
      ], 
     } 
     }, 

     template: ` 
     <div> 
     <task></task> 
      <form action=""> 
      form 
      </form> 
     </div> 
     ` 
    }, 

     let app = new Vue({ 
     el:'#app', 
     components: { 
     'tasks': Tasks 
     'task': Task 
     } 
    }) 

Answer 1

let Task = { 
    props: ['task'], 
    template: ` 
    <div> 
    <div class="tasks"> 
     {{ task.body }} 

    </div> 
    </div> 
` 

}; 

let Tasks = { 
    components:{ 
    'task': Task 
    }, 

    data: { 
    return { 
     tasks: [ 
     {id: 1, body: 'Task One', done: false } 
     ], 
    } 
    }, 

    template: ` 
    <div> 
    <task></task> 
     <form action=""> 
     form 
     </form> 
    </div> 
    ` 
}; 

    let app = new Vue({ 
    el:'#app', 
    components: { 
    'tasks': Tasks 
    'task': Task 
    } 
}) 

あなたはカンマであなたの宣言を分離している場合、あなたはletを繰り返してはならないセミコロン

Answer 2

されている必要があり、いくつかのカンマを書きました。各宣言からletを削除するか、代わりにセミコロンを使用してください。

例：

let a = {}, b = 5, c = function(){}; // OK 
let a = {}; let b = 5; // OK 
let a = {}, let b = 5; //Not OK -- error