语法错误:不允许将let作为词法绑定名称

Question

我正在使用vue.js并收到此错误"Uncaught SyntaxError:let is disallowed as a lexically 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
       }
     })

Answer 1

如果您使用逗号分隔声明,则不应重复let.要么let从每个声明中删除,要么使用分号代替.

例:

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

Answer 2

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

你写了一些本来应该是分号的逗号