如何启用`eslint`来解析价差运算符？

Question

我正在将eslint用于javascript项目。 eslint无法解析散布运算符，并且出现此错误11:18 error Parsing error: Unexpected token ..。

上述错误的代码为：

return { ...render }

eslint配置是yml文件：

env:
  browser: true
  es6: true
extends: 'eslint:recommended'
parserOptions:
  ecmaVersion: 2017
  sourceType: module
  experimentalObjectRestSpread: true
rules:
  indent:
    - error
    - 4
  linebreak-style:
    - error
    - unix
  quotes:
    - error
    - single
  semi:
    - error
    - always
  no-console:
    - off
  prefer-spread: "error"

Answer 1

此问题已通过添加配置解决：parser: 'babel-eslint'

Answer 2

这与ESLint doesn't support spread operator in objects #10307有关，其中列出了有关如何修复它的各种替代方法的完整说明。

从本质上讲，它可以归结为更改为ecmaVersion: 2018（或等效的ecmaVersion: 9），这是它最初得到正式支持的时间。有了此更改，也不再需要experimentalObjectRestSpread: true。