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

问题描述

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

错误分析错误:意外的令牌


   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',],};

解决方法

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