ESLint分析错误：意外标记

Question

使用此代码：

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
    }],
  }
}

.... .... 有什么问题吗？

Answer 1

“解析器”：“babel eslint”帮助我解决了这个问题

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

参考

Answer 2

ESLint 2. x在实验上支持ObjectRestS扩展语法，您可以通过将以下内容添加到您的. eslintrc来启用它：文档

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

埃斯林1。x本身不支持spread操作符，解决这个问题的一种方法是使用babel eslint解析器。项目自述中有最新的安装和使用说明。

Answer 3

由于您的开发环境和ESLint当前的解析功能与JavaScripts ES6~7正在进行的更改不兼容，ESLint解析中会出现意外的令牌错误。

将“parserOptions”属性添加到。eslintrc不再适用于特定情况，例如使用

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

在ES6类中，因为ESLint目前无法单独解析它。这种特殊情况会引发以下错误：

error Parsing error: Unexpected token =

解决方案是使用兼容的解析器解析ESLint，即@babel/ESLint解析器或v7以下babel版本的babel ESLint。

只需添加：

"parser": "@babel/eslint-parser"

到你的。eslintrc文件并运行npm安装@babel/eslint解析器——保存dev或纱线添加-D@babel/eslint解析器。

请注意，由于从React^16.3开始的新上下文API有一些重要更改，请参阅官方指南。