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
    }
  }
}

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容