jsx文件eslint报错 Parsing error: Unexpected token ＜ eslint

问题

最近在使用react native开发app的发现一个问题：

报错详情：

可以看到，这是jsx的正确写法，并没有语法错误，但是eslint还是报错，大致意思就是意外的符号<，可以大概推断是eslint没有正确解析jsx语法造成的，虽然程序可以正常运行，但是对于强迫症来说，确实受不了。

分析

原因：开发环境与ESLint当前的解析功能不兼容

解决方案：使用babel-eslint解析

解决

安装babel-eslint

npm install babel-eslint --save-dev

在.eslintrc.js中加入

parse: 'babel-eslint'

问题解决，报错清除。