Eslint detected an error in the vue file: error Parsing error: Unexpected token

problem description

when trying to use eslint, the js file can detect this problem with the .vue file

 3:26  error  Parsing error: Unexpected token

  1 | <template>
  2 |     <div>
> 3 |         <el-dialog :title="editFormData.title" :visible.sync="editFormData.isShow" width="550px">

is it a problem of configuration?
it is said to use parser: "babel-eslint", but it doesn"t seem to have any effect after trying.

the platform version of the problem and what methods you have tried

version of eslint installed:

"babel-eslint": "^10.0.1",
"eslint": "^5.12.1",
"eslint-config-standard": "^12.0.0",
"eslint-friendly-formatter": "^4.0.1",
"eslint-loader": "^2.1.1",
"eslint-plugin-html": "^5.0.0",
"eslint-plugin-import": "^2.15.0",
"eslint-plugin-node": "^8.0.1",
"eslint-plugin-promise": "^4.0.1",
"eslint-plugin-standard": "^4.0.0",

.eslintrc.js configuration:

// http://eslint.org/docs/user-guide/configuring

module.exports = {
    root: true,
    parser: "babel-eslint",
    parserOptions: {
        sourceType: "module"
    },
    env: {
        browser: true,
        node: true,
        es6: true,
        commonjs: true,
    },
    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
    extends: "standard",
    
    // required to lint *.vue files
    plugins: [
        "html"
    ],
    // add your custom rules here
    "rules": {
        "indent": [2, 4],
        // allow paren-less arrow functions
        "arrow-parens": 0,
        // allow async-await
        "generator-star-spacing": 0,
        // allow space-before-function-paren
        "space-before-function-paren": 0,
        // allow debugger during development
        "no-debugger": process.env.NODE_ENV === "production" ? 2 : 0
    },
};

what result do you expect? What is the error message actually seen?

try to use eslint for the first time. I hope to be instructed by a great god. Thank you!

May.21,2022

try

- "parser": "babel-eslint",
+ "parser": "vue-eslint-parser",
  "parserOptions": {
+     "parser": "babel-eslint",
      "sourceType": "module"
  }

ide/-sharphow-to-use-a-custom-parser" rel=" nofollow noreferrer "> https://eslint.vuejs.org/user-guide/-sharphow-to-use-a-custom-parser


has the problem been solved


put parser: "babel-eslint" in parserOptions

Menu