问题

最近在使用react native开发app的发现一个问题:
在这里插入图片描述
报错详情:
在这里插入图片描述
可以看到,这是jsx的正确写法,并没有语法错误,但是eslint还是报错,大致意思就是意外的符号<,可以大概推断是eslint没有正确解析jsx语法造成的,虽然程序可以正常运行,但是对于强迫症来说,确实受不了。

分析

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

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

解决

安装babel-eslint

npm install babel-eslint --save-dev

在.eslintrc.js中加入

parse: 'babel-eslint'

在这里插入图片描述
问题解决,报错清除。

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐