Vue.js + eslint。错误解析错误：意外的令牌@

Question

我正在做项目 Django Rest Framework + Vue.js 我遇到了 eslint 的问题

error 解析错误：Unexpected token

   5 |     <b-container>
   6 |       <b-row class="question-row">
>  7 |         <b-form @submit="onSubmit" @reset="onReset">
     |                 ^
   8 |           <b-form-group id="input-group"
   9 |                         :label="getQuestion(1)"
  10 |                         label-for="input-1">

这是我的 .eslintrc.json 文件

{
  "env": {
    "es6": true,
    "node": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:vue/essential",
    "plugin:vue/base"
  ],
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 7,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "modules": true
    }
  },
  "plugins": [
    "vue"
  ],
  "rules": {
    "max-len": ["error", {"code": 121}],
    "semi": ["error","always"],
    "no-console": 0
  }
}

我需要 babel.config.json 吗？它是在初始化 Vue 项目后添加到我的项目中的。这是我的代码

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
  ],
};

Answer 1

尝试将@submit 改为 v-on:submit