vue中使用eslint提示jsx语法错误问题

eslint这个智障,简直是麻烦制造者,最近又遇到一个问题:

error : Parsing error : Adjacent JSX elements must be wrapped in an enclosing tag , Did you want a JSX fragment <>...?

我一个正儿八经的vue项目,没有任何jsx文件,为什么出现这种校验错误?遇到问题就喜欢硬刚的我打起精神百度一下、百度一上午、百度一天、百度一周,都没有解决,今天要提交代码了,咬咬牙决定再抢救一下……
各路帖子都是说把parser: 'babel-eslint'放在parserOptions对象里面,试了没有效果,然后我发现ecmaFeatures中有个jsx: true的配置,本以为注释掉就行了,没想到它默认就是true,所以必须改成false,而且必须搭配前面的parser配置一起才有用,改到最后就是

module.exports = {
  parserOptions: {
    parser : 'babel-eslint',
    ecmaFeatures : {
      // 非 react 项目关闭 jsx 语法校验,默认为 true 
      jsx : false
    }
  }
}

反复修改配置最后确定问题解决,美滋滋,一天工资到手,我溜~

你可能感兴趣的:(vue中使用eslint提示jsx语法错误问题)