구문 오류: 어휘적으로 바인딩된 이름으로 허용 안 함

구문 오류: 어휘적으로 바인딩된 이름으로 허용 안 함

vue.js를 사용 중인데 "Uncommitted SynamicError: lete as a lictory bound name" 오류가 발생했어.디버깅하면 빈 화면과 콘솔에 이 오류가 표시된다.

나는 구글 검색을 해봤지만 도움이 되는 것은 아무것도 없었다.

여기 내 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
       }
     })

선언문을 쉼표로 구분하는 경우 반복하지 마십시오.let둘 중 하나를 제거하다.let각 선언에서, 또는 세미콜론을 대신 사용한다.

예:

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

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
   }
 })

세미콜론이어야 할 쉼표를 몇 개 썼는데

참조URL: https://stackoverflow.com/questions/46895683/syntax-error-let-is-disallowed-as-a-lexically-bound-name