eslint检查vue文件报错

Question

eslint 检查.vue文件都报错 [eslint] Parsing error: Unexpected token <

这是我的.eslintrc.js文件

module.exports = {
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "sourceType": "module"
    },
    "globals": {
        "CryptoAgent": true,
    },
    "rules": {
        "no-console": 0,
        "indent": [
            1,
            "tab",
            {
                "SwitchCase": 1
            }
        ],
        "linebreak-style": [
            2,
            "windows"
        ],
        "quotes": [
            2,
            "single"
        ],
        "semi": [
            2,
            "never"
        ]
    }
};

Answer 1

貌似是你的 vue 文件多敲了一个'<'哦

Answer 2

多了个<导致语法错误。。

Answer 3

解决方案，亲测有效：
安装eslint-plugin-vue：
npm install eslint-plugin-vue
.eslintrc.js文件中将
parser:'babel-eslint'修改成：parser: 'vue-eslint-parser',
这样会导致原来的一些规范被更改，所有文件都需要重新lint一次。
但是，那个莫名其妙的[eslint] Parsing error: Unexpected token会消失

Answer 4

所以楼主最后是怎么解决的？