Gulp-eslint引发prefer-destructuring规则配置错误求助

我之前碰到过一模一样的情况！结合你给出的版本信息，问题的核心是gulp-eslint版本和当前ESLint版本不兼容，导致规则配置解析出错。

具体解决步骤： #

• 升级gulp-eslint到兼容版本
  你现在用的gulp-eslint@3.0.1是比较旧的版本，对ESLint@4.x的规则配置解析有bug。直接升级到gulp-eslint@4.0.2（这个版本官方明确适配ESLint@4.x系列）就行，执行命令：

  npm install gulp-eslint@4.0.2 --save-dev
  

• 可选：调整规则配置的写法（避免旧工具解析问题）
  你的prefer-destructuring配置在ESLint@4.x里是完全合规的，但旧版gulp-eslint对嵌套对象的解析可能有问题。可以改成更紧凑的写法（功能完全一致），降低解析出错的概率：

  'prefer-destructuring': [
    'error',
    {
      VariableDeclarator: { object: true, array: false },
      AssignmentExpression: { object: true, array: true }
    },
    { enforceForRenamedProperties: false }
  ]
  

为什么会出现这个差异？ #

直接在命令行跑eslint .是调用ESLint原生的CLI，它能正确识别你配置里的嵌套结构；但旧版gulp-eslint用的是过时的ESLint API，没办法正确解析prefer-destructuring规则里的对象配置，所以才会抛出“存在额外属性”的错误。

另外帮你确认过，eslint-config-airbnb-base@12.1.0和eslint@4.16.0是兼容的，所以不用动这两个包的版本。

内容的提问来源于stack exchange，提问作者wmash