下面的代码:

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

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


当前回答

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

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

其他回答

我必须将ecmaVersion更新为“最新”

"parserOptions": {
    "parser": "@babel/eslint-parser",
    "sourceType": "module",
    "ecmaVersion": "latest",
    "ecmaFeatures": {
      "jsx": true,
      "experimentalObjectRestSpread": true
    },
    "requireConfigFile": false
  },
.
.
{
    "parserOptions": {
    "ecmaVersion": 2020
},
.
.

会成功的。

在2021年2月,你可以使用这些值

ecmaVersion -设置为3,5(默认),6,7,8,9,10,11或12,以指定您想使用的ECMAScript语法版本。也可以设置为2015(与6相同)、2016(与7相同)、2017(与8相同)、2018(与9相同)、2019(与10相同)、2020(与11相同)或2021(与12相同)。

https://eslint.org/docs/user-guide/configuring/language-options#specifying-parser-options

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

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

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

我使用typescript,我解决了这个错误更改解析器

....
"prettier/prettier": [
            "error",
            {
                .....
                "parser": "typescript",
                .....
            }
        ],
....