首页 > 解决方案 > 使用带有 CRA/react-scripts 的可选链接(?。)

问题描述

我正在将 eslint 集成到一个预先存在的项目中。这个项目充满了可选的链接语法。像下面的一个:

const data = someEntity?.property;

该语法适用于较新版本的 eslint ( ^7.5.0)。但是 react-script 不支持 eslint 以上版本6.6.0

我也无法使用 //eslint-disable-next-line 或类似的东西禁用它。它只是说解析错误如下:

在此处输入图像描述

目前,由于这个原因,我在整个项目中都遇到了解析错误。有没有办法可以禁用此错误并将 eslint 与我的 CRA 应用程序成功集成?

标签: javascriptreactjscreate-react-appeslintreact-scripts

解决方案


您必须将其添加babel-eslint到您的 eslint 配置文件中作为解析器,如下所示:

{
   "parser": "babel-eslint"
}

推荐阅读