eslint在VUE中的报错

[yy406961]

用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>


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