Erro de análise do ESLint: token inesperado

Com este código:

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

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

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

Eu recebo este erro eslint:

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

Aqui está a minha configuração 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
    }],
  }
}

.... .... Qual é o problema?

Erros inesperados de token na análise do ESLint ocorrem devido à incompatibilidade entre o ambiente de desenvolvimento e os recursos atuais de análise do ESLint com as alterações em andamento no JavaScripts ES6 ~ 7.

Adicionar a propriedade "parserOptions" ao seu .eslintrc não é mais suficiente para situações específicas, como o uso de

static contextTypes = { ... } /* react */

nas classes ES6, pois o ESLint atualmente não pode analisá-lo por conta própria. Essa situação específica gera um erro de:

error Parsing error: Unexpected token =

A solução é ter o ESLint analisado por um analisador compatível. O babel-eslint é um pacote que me salvou recentemente depois de ler esta página e decidi adicioná-lo como uma solução alternativa para quem vier mais tarde.

basta adicionar:

"parser": "babel-eslint"

ao seu .eslintrcarquivo e execute npm install babel-eslint --save-devou yarn add -D babel-eslint.

Observe que, como a nova API de contexto a partir de React ^16.3apresenta algumas alterações importantes, consulte o guia oficial .

O ESLint 2.x suporta experimentalmente a sintaxe ObjectRestSpread, você pode habilitá-lo adicionando o seguinte ao seu .eslintrc: docs

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

O ESLint 1.x não suporta nativamente o operador de propagação, uma maneira de contornar isso é usar o analisador babel-eslint . As instruções mais recentes de instalação e uso estão no leia-me do projeto.

"parser": "babel-eslint" me ajudou a corrigir o problema

{
    "parser": "babel-eslint",
    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true,
            "modules": true,
            "experimentalObjectRestSpread": true
        }
    },
    "plugins": [
        "react"
    ],
    "extends": ["eslint:recommended", "plugin:react/recommended"],
    "rules": {
        "comma-dangle": 0,
        "react/jsx-uses-vars": 1,
        "react/display-name": 1,
        "no-unused-vars": "warn",
        "no-console": 1,
        "no-unexpected-multiline": "warn"
    },
    "settings": {
        "react": {
            "pragma": "React",
            "version": "15.6.1"
        }
    }
}

Referência

Resolvi esse problema primeiro, instalando o babel-eslint usando o npm

npm install babel-eslint --save-dev

Em segundo lugar, adicione essa configuração no arquivo .eslintrc

{
   "parser":"babel-eslint"
}

No meu caso (estou usando o Firebase Cloud Functions), abri .eslintrc.jsone mudei:

"parserOptions": {
  // Required for certain syntax usages
  "ecmaVersion": 2017
},

para:

"parserOptions": {
  // Required for certain syntax usages
  "ecmaVersion": 2018
},

Originalmente, a solução era fornecer a seguinte configuração, pois a destruição de objetos costumava ser um recurso experimental e não é suportado por padrão:

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

Desde a versão 5, essa opção foi preterida .

Agora basta declarar uma versão do ES, que é nova o suficiente:

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

Se você tiver uma tarefa de pré-confirmação com a execução husky eslint, continue lendo. Eu tentei a maioria das respostas parserOptionseparser valores em que meu problema real era sobre a versão do nó que eu estava usando.

Minha versão atual do nó era 12.0.0, mas o husky estava usando minha versão padrão da nvm de alguma forma (mesmo que eu não tivesse nvmno meu sistema). Este parece ser um problema com o próprio husky . Assim:

1. I excluídos $HOME/.nvmpasta que não foi excluída quando eu removido nvmanteriormente.
2. O nó verificado é o mais recente e executou as opções adequadas do analisador.
3. Começou a trabalhar!

Apenas para o registro, se você estiver usando eslint-plugin-vue , o local correto a ser adicionado 'parser': 'babel-eslint'é dentro de parserOptionsparam.

  'parserOptions': {
    'parser': 'babel-eslint',
    'ecmaVersion': 2018,
    'sourceType': 'module'
  }

https://eslint.vuejs.org/user-guide/#faq