下面的代码:

import React from 'react';
import { Link } from 'react-router';
import { View, NavBar } from 'amazeui-touch';

import * as Pages from '../components';

const {  Home, ...Components } = Pages;

我得到这个eslint错误:

7:16  error  Parsing error: Unexpected token .. Why?

这是我的eslint配置:

{
  "extends": "airbnb",
  "rules": {
    /* JSX */
    "react/prop-types": [1, {
      "ignore": ["className", "children", "location", "params", "location*"]
    }],
    "no-param-reassign": [0, {
      "props": false
    }],
    "prefer-rest-params": 1,
    "arrow-body-style": 0,
    "prefer-template": 0,
    "react/prefer-stateless-function": 1,
    "react/jsx-no-bind": [0, {
      "ignoreRefs": false,
      "allowArrowFunctions": false,
      "allowBind": true
    }],
  }
}

.... .... 有什么问题吗?


当前回答

ESLint 2。x实验性地支持ObjectRestSpread语法,您可以通过在.eslintrc: docs中添加以下内容来启用它

"parserOptions": {
  "ecmaVersion": 6,
  "ecmaFeatures": {
    "experimentalObjectRestSpread": true
  }
},

ESLint 1。X本身不支持扩散操作符,解决这个问题的一种方法是使用babel-eslint解析器。最新的安装和使用说明在项目自述中。

其他回答

尽管实现了上述所有解决方案,但我还是遇到了这个问题。当我降级eslint版本时,它开始工作了

我通过在.eslintrc.json文件中设置这个来解决这个问题:

"extends": [
    ...,
    "plugin:prettier/recommended"
]

我解决了这个问题 首先,使用npm安装babel-eslint

npm install babel-eslint --save-dev

其次,在.eslintrc文件中添加此配置

{
   "parser":"babel-eslint"
}

最初,解决方案是提供以下配置,因为对象解构曾经是一个实验特性,默认情况下不支持:

{
  "parserOptions": {
    "ecmaFeatures": {
      "experimentalObjectRestSpread": true
    }
  }
}

从版本5开始,该选项已弃用。

现在只要声明一个ES的新版本就足够了:

{
  "parserOptions": {
    "ecmaVersion": 2018
  }
}

ESLint 2。x实验性地支持ObjectRestSpread语法,您可以通过在.eslintrc: docs中添加以下内容来启用它

"parserOptions": {
  "ecmaVersion": 6,
  "ecmaFeatures": {
    "experimentalObjectRestSpread": true
  }
},

ESLint 1。X本身不支持扩散操作符,解决这个问题的一种方法是使用babel-eslint解析器。最新的安装和使用说明在项目自述中。