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
}
}
}
反复修改配置最后确定问题解决,美滋滋,一天工资到手,我溜~