Parsing error: Unexpected token < at ... Vue CLI3

使用vue-cli3时遇到问题：

error: Parsing error: Unexpected token <  at src\views\index.vue:1:1:

解决：

方法一：更改.eslintrc配置即可:
在.eslintrc中使用babel-eslint作为解析器:

{
  "parserOptions": {
    "ecmaVersion": 7,
    "sourceType": "module"
  },
  "parser": "babel-eslint"
}

注意： babel-eslint@6以上版本的，只支持eslint@4.x版本：

image.png

方法二：使用vue-eslint-parser解析：

$  npm  i  eslint-plugin-vue  -S

更改.eslintrc配置:

{
  "parserOptions": {
    "ecmaVersion": 7,
    "sourceType": "module"
  },
  // "parser": "babel-eslint"
  "parser": "vue-eslint-parser"
}