Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js eslint的此配置错误是什么_Vue.js_Eslint - Fatal编程技术网

Vue.js eslint的此配置错误是什么

Vue.js eslint的此配置错误是什么,vue.js,eslint,Vue.js,Eslint,我是vueJs的新手。我在vue中尝试使用以下基本代码来修改vue中组件的数据: <template> <div> <h1> {{ message }} <h2> Hello {{ firstname }} {{ lastname }} de {{ from }} ! </h2> <label> Firstname : <i

我是vueJs的新手。我在vue中尝试使用以下基本代码来修改vue中组件的数据:

    <template>
        <div>
            <h1> {{ message }}
            <h2> Hello {{ firstname }} {{ lastname }} de {{ from }} ! </h2>
            <label> Firstname : <input type="text" v-model="person.firstname" /> </label>
            <label> Lastname : <input type="text" v-model="person.lastname" /> </label>
            <label> Message : <input type="text" v-model="message" /> </label>
        </div>
    </template>

    <script>
    export default {
      data () {
          person: {
            firstname: 'John',
            lastname: 'Doe'
          },
          message: 'Welcome!'
      }
    }
    </script>
我使用@vue/cli 4.1.2和webpack。 My package.json:

    {
      "name": "myproject",
      "version": "0.1.0",
      "private": true,
      "scripts": {
        "serve": "vue-cli-service serve",
        "build": "vue-cli-service build",
        "lint": "vue-cli-service lint"
      },
      "dependencies": {
        "core-js": "^3.4.4",
        "vue": "^2.6.10"
      },
      "devDependencies": {
        "@vue/cli-plugin-babel": "^4.1.0",
        "@vue/cli-plugin-eslint": "^4.1.0",
        "@vue/cli-service": "^4.1.0",
        "babel-eslint": "^10.0.3",
        "eslint": "^5.16.0",
        "eslint-plugin-vue": "^5.0.0",
        "vue-template-compiler": "^2.6.10"
      },
      "eslintConfig": {
        "root": true,
        "env": {
          "node": true
        },
        "extends": [
          "plugin:vue/essential",
          "eslint:recommended"
        ],
        "rules": {},
        "parserOptions": {
          "parser": "babel-eslint",
          "ecmaVersion": 6
        }
      },
      "browserslist": [
        "> 1%",
        "last 2 versions"
      ]
    }
我的代码似乎是正确的。我不理解这个错误。babel解析器有配置吗?配置文件在哪里?
我在package.json文件配置中添加了一个eccmaversion,但它似乎不起作用。任何帮助都将不胜感激。

Houps!我只是忘记了返回语句:

export default {
  data () {
    return {
      person: {
        firstname: 'John',
        lastname: 'Doe'
      },
      message: 'Welcome!'
    }
  }
}
可能您的意思是:
data(){return{person:{firstname:“John”,lastname:“Doe”},message:“Welcome!”}
export default {
  data () {
    return {
      person: {
        firstname: 'John',
        lastname: 'Doe'
      },
      message: 'Welcome!'
    }
  }
}