Eslint-plugin-vue: Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag

Created on 20 Sep 2017  路  9Comments  路  Source: vuejs/eslint-plugin-vue

Tell us about your environment

  • ESLint Version: v4.7.1
  • eslint-plugin-vue Version: 3.10.0
  • Node Version: v8.4.0

Please show your full configuration:
@yonyou-cloud/eslint-config

module.exports = {
  extends: ['./base.js', 'plugin:vue/recommended']
}




What did you do? Please include the actual source code causing the issue.

<style>
</style>

<template>
<div>
    <group>
        <cell title="title" value="value"></cell>
    </group>
</div>
</template>

<script>
import {Group, Cell} from 'vux'

export default {
    components: {
        Group,
        Cell
    }
}
</script>





What did you expect to happen?
no error.
What actually happened? Please include the actual, raw output from ESLint.
error Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag

a simple repro can run npm run lint in vux-demo

Most helpful comment

I just fixed all my issues with this: https://github.com/vuejs/eslint-plugin-vue/issues/186#issuecomment-329426553

All 9 comments

missing /vue. closing.

@Aladdin-ADD where were you missing that? I'm having the same issue and can't figure it out. Works with eslint-plugin-vue 2.1.0 but with 3.13.1 I get this error.

module.exports = {
  root: true,
  parserOptions: {
    sourceType: "module"
  },
  env: {
    browser: true,
    node: true
  },
  extends: [
    "prettier", 
    'plugin:vue/recommended'
  ],
  plugins: [
    "prettier",
  ],
  rules: {
    "no-debugger": process.env.NODE_ENV === "production" ? 2 : 0,
    "prettier/prettier": [
      "error",
      {
        semi: false,
        printWidth: 120
      }
    ]
  }
};

I'm using @yonyou-cloud/eslint-config, and I just missing /vue in config:

// .eslintrc.js for vue.
module.exports = {
  extends: ['@yonyou-cloud/eslint-config/vue']
}

didn't see any problems in your config. maybe you can see more info using eslint --debug.

Cool thanks will check it out, otherwise will open new issue.

@stevgouws what was your solution to this problem?

@jeremyjh Don't think I solved it unfortunately. I think I went back to eslint-plugin-vue 2.1.0 for the time being, then a week later I switched back to Atom for other reasons.

I just fixed all my issues with this: https://github.com/vuejs/eslint-plugin-vue/issues/186#issuecomment-329426553

This could also fix your issue also the #186
https://vuejs.github.io/eslint-plugin-vue/user-guide/#faq

This could also fix your issue also the #186
https://vuejs.github.io/eslint-plugin-vue/user-guide/#faq

thx, that resolve my issue

Was this page helpful?
0 / 5 - 0 ratings

Related issues

xiGUAwanOU picture xiGUAwanOU  路  3Comments

apertureless picture apertureless  路  4Comments

mitar picture mitar  路  3Comments

rodrigoabb picture rodrigoabb  路  3Comments

soullivaneuh picture soullivaneuh  路  3Comments