eslint在VUE中的报错

Question

用eslint时，vue文件报错

这是package.json

"scripts": {

"lint": "eslint --ext .js --ext .jsx --ext .vue src/"

},
"devDependencies": {

"eslint": "^5.16.0",
"eslint-config-standard": "^12.0.0",
"eslint-loader": "^2.1.2",
"eslint-plugin-html": "^5.0.5",
"eslint-plugin-import": "^2.17.3",
"eslint-plugin-node": "^9.1.0",
"eslint-plugin-promise": "^4.1.1",
"eslint-plugin-standard": "^4.0.0",
"eslint-plugin-vue": "^5.2.2",

}

这是 .eslintrc
{

"extends": "standard",
"plugins": [
    "html"
],
"parserOptions": {
    "parser": "babel-eslint"
},
"rules": {
    "no-console": "off",
    "no-tabs": "off"
}

}

这是报错

这是报错的第一个vue文件

<template>

<div id="app">
    <div id="cover"></div>
    <Header></Header>
    <Todo></Todo>
    <Footer></Footer>
</div>

</template>

<script>
import Header from './views/layout/header.vue'
import Footer from './views/layout/footer.jsx'
import Todo from './views/todo/todo.vue'

export default {

data() {
    return {
        text: 'abcaaaa'
    }
},
components: {
    Header,
    Footer,
    Todo
}

}
</script>

<style lang="stylus" scoped>
</style>

这个报错到底是哪里有问题啊

Answer 1

header item tabs todo 估计是空格之类的问题吧 我一般把这个禁用了 很难受