vue 报错问题

Question

  <div id="apps">
    <img src="./assets/logo.png">
    <p v-bind:title='message'>
            {{message}}
    </p>
  </div>

<script>
var apps = new Vue({
  el: '#apps',
  data: {
    message: 'Hello Vue!'
  }
})
</script>

报的错如下：

✘  http://eslint.org/docs/rules/no-mixed-spaces-and-tabs  Mixed spaces and tabs                             
  /Users/derek/Documents/myProject/vue/firstVue/src/App.vue:13:2
          message: 'Hello Vue!'
       ^

  ✘  http://eslint.org/docs/rules/no-tabs                   Unexpected tab character                          
  /Users/derek/Documents/myProject/vue/firstVue/src/App.vue:14:2
        }
       ^

  ✘  http://eslint.org/docs/rules/no-mixed-spaces-and-tabs  Mixed spaces and tabs                             
  /Users/derek/Documents/myProject/vue/firstVue/src/App.vue:14:2
        }
       ^

  ✘  http://eslint.org/docs/rules/indent                    Expected             indentation of 0 spaces but found 1 tab  
  /Users/derek/Documents/myProject/vue/firstVue/src/App.vue:15:2
      })
       ^

  ✘  http://eslint.org/docs/rules/no-tabs                   Unexpected tab character                          
  /Users/derek/Documents/myProject/vue/firstVue/src/App.vue:15:2
      })
       ^


✘ 13 problems (13 errors, 0 warnings)

Errors:
  6  http://eslint.org/docs/rules/no-tabs
  4  http://eslint.org/docs/rules/no-mixed-spaces-and-tabs
  2  http://eslint.org/docs/rules/indent
  1  http://eslint.org/docs/rules/no-unused-vars

Answer 1

缩进是四个空格而不是tab键

Answer 2

初学者建议先不用eslint，熟悉一点了再用，不然代码全都过不了

Answer 3

这些都是EsLint报错，你根基提示翻译一下，对应处理就可以了。

Answer 4

eslint的错误解决方法可以参考它给出的链接

Answer 5

在eslintrc.js文件下添加
'no-unused-vars': 0,
'对应的报错':0,//即可忽略对应的报错

Answer 6

楼上说的对,刚开始我也是被坑了,建议初学者不要使用eslint,熟悉了再用

Answer 7

eslint 报错了,写法不规范