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

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

当前回答

"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

其他回答

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

npm install babel-eslint --save-dev

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

{
   "parser":"babel-eslint"
}

2019-04-04 04:04:55

最初，解决方案是提供以下配置，因为对象解构曾经是一个实验特性，默认情况下不支持:

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

从版本5开始，该选项已弃用。

现在只要声明一个ES的新版本就足够了:

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

2020-03-16 16:12:37

只是为了记录，如果你正在使用eslint-plugin-vue，添加'parser': 'babel-eslint'的正确位置是在parserOptions param中。

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

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

2020-02-05 23:07:29

我使用eslint进行云功能(开发环境:flutter 2.2.3)。

在我的情况下，.eslintrc.json不存在，所以我必须更新.eslintrc.js文件，包括parserOptions: {"ecmaVersion": 2020，}，属性在文件的末尾。我更新的.eslintrc.js文件是这样的:

module.exports = {
  root: true,
  env: {
    es6: true,
    node: true,
  },
  extends: [
    "eslint:recommended",
    "google",
  ],
  rules: {
    quotes: ["error", "double"],
  },
  
  // Newly added property
  parserOptions: {
    "ecmaVersion": 2020,
  },
};

2021-09-23 06:49:12

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

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

2022-11-28 20:39:24

ESLint解析错误:意外的令牌

推荐文章

标签

最新文章