errore di parsing ESLint: token imprevisto

Question

Con questo codice:

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

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

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

ottengo questo errore eslint:

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

Ecco il mio eslint config:

{ 
    "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 è il problema?

Answer 1

ESLint 2.x supporta sperimentalmente sintassi ObjectRestSpread, è possibile attivare aggiungendo quanto segue al .eslintrc: docs

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

ESLint 1.x non supporta nativamente l'operatore diffusione, un modo per ottenere attorno a questo sta usando il babel-eslint parser. Le ultime istruzioni di installazione e utilizzo si trovano nel file readme del progetto.

Answer 2

Gli errori di token inaspettati nell'analisi di ESLint si verificano a causa dell'incompatibilità tra l'ambiente di sviluppo e le funzionalità di analisi correnti di ESLint con le modifiche in corso con JavaScripts ES6 ~ 7.

L'aggiunta del "parserOptions" proprietà alla .eslintrc non è più sufficiente per le situazioni particolari, come l'utilizzo di

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

nelle classi ES6 come ESLint è attualmente in grado di analizzarlo da solo. Questa particolare situazione genera un errore di:

error Parsing error: Unexpected token = 

La soluzione è quella di aver ESLint analizzato da un parser compatibili. babel-eslint è un pacchetto che mi ha salvato di recente dopo aver letto questa pagina e ho deciso di aggiungerlo come soluzione alternativa per chi viene dopo.

Basta aggiungere:

"parser": "babel-eslint" 

al file .eslintrc ed eseguire npm install babel-eslint --save-dev.

Answer 3

"parser": "babel-eslint" è OK per me!

reading more : https://github.com/gildata/Roles/issues/6

{ 
 
    "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" 
 
     } 
 
    } 
 
}