javascript - gulp-eslint 无法解析可选链接语法

Question

我正在尝试使用可选的链接语法对 JavaScript 代码进行 lint，例如：

let foo = bar?.property;

当eslint显式解析我的 JS 文件时，它通过了。

gulp-eslint使用相同配置进行解析时，linting 失败并显示：

解析错误：意外的令牌。

我的.eslintrc.json文件包含：

{
    "parserOptions": {
      "ecmaVersion": 2020
    }
}

我的 Gulp 任务如下所示：

const eslint = require('gulp-eslint');

return gulp.src(['src/**/*.js'])
    .pipe(eslint({ configFile: '.eslintrc.json' }))
    .pipe(eslint.formatEach('compact', process.stderr))
    .pipe(eslint.failAfterError());

我正在使用以下软件包：

"devDependencies": {
    "eslint": "^8.2.0",
    "gulp": "4.0.2",
    "gulp-eslint": "^6.0.0",
  }

我错过了什么，还是有可行的解决方法？

Answer 1

不能这样使用 ecmaVersion 解析器选项，请参阅https://eslint.org/docs/user-guide/configuring/language-options#specifying-environments。将其从 2020 更改为 11 或 12 或“最新”应该可以。