ESLint解析错误:意外的令牌

下面的代码:

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当前的解析能力与正在进行的JavaScripts ES6~7的变化不兼容，在ESLint解析中出现意外的令牌错误。

在.eslintrc中添加"parserOptions"属性对于特定的情况已经不够了，比如使用

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

在ES6类中，因为ESLint目前无法自己解析它。这种特殊的情况会抛出一个错误:

error Parsing error: Unexpected token =

解决方案是让ESLint通过兼容的解析器来解析，即@babel/ ESLint -parser或babel- ESLint用于v7以下的babel版本。

添加:

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

在你的.eslintrc文件中运行npm install @babel/eslint-parser——save-dev或者yarn add -D @babel/eslint-parser。

请注意，从React ^16.3开始的新的Context API有一些重要的变化，请参考官方指南。

2017-04-15 12:56:56

其他回答

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

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

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

2016-03-15 06:19:12

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

在.eslintrc中添加"parserOptions"属性对于特定的情况已经不够了，比如使用

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

在ES6类中，因为ESLint目前无法自己解析它。这种特殊的情况会抛出一个错误:

error Parsing error: Unexpected token =

解决方案是让ESLint通过兼容的解析器来解析，即@babel/ ESLint -parser或babel- ESLint用于v7以下的babel版本。

添加:

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

在你的.eslintrc文件中运行npm install @babel/eslint-parser——save-dev或者yarn add -D @babel/eslint-parser。

请注意，从React ^16.3开始的新的Context API有一些重要的变化，请参考官方指南。

2017-04-15 12:56:56

如果你有一个使用husky运行eslint的预提交任务，请继续阅读。我尝试了大多数关于parserOptions和解析器值的答案，其中我的实际问题是关于我所使用的节点版本。

我当前的节点版本是12.0.0，但husky以某种方式使用了我的nvm默认版本(尽管我的系统中没有nvm)。这似乎是哈士奇本身的问题。所以:

我删除了$HOME/。nvm文件夹，当我之前删除nvm时没有删除。验证节点是最新的，并做了适当的解析器选项。它开始工作了!

2019-10-08 11:47:19

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

npm install babel-eslint --save-dev

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

{
   "parser":"babel-eslint"
}

2019-04-04 04:04:55

"parser": "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"
        }
    }
}

参考

2017-07-25 09:56:53

ESLint解析错误:意外的令牌

推荐文章

最新文章

标签