或

Question

此代码运行良好，只是很讨厌总是看到此错误。

因此，babel-sublime很大程度上是一个错误，并且这里还有一个问题悬而未决。链接到问题：https://github.com/babel/babel-sublime/issues/363。

问题是，当您在ReactJs中创建一个类，然后在该类中创建两个函数时，第一个函数将显示为错误颜色：

意外令牌=（空）

第二个函数没有错误，始终是第一个。请注意，这是箭头功能。

此代码将在安装了babel-sublime软件包的Sublime Text 3中执行：

    import React, { Component } from 'react';
    class MyComponent extends Component {
        firstFunction = () => {
            return false;
        }
        secondFunction = () => {
            return false;
        }
        thirdFunction = () => {
            return false;
        }
        render() {
            return(
                <div>
                    Component
                </div>
            );
        }
    }
    export default MyComponent;

无论您使用哪种主题或配色方案，都会出现此错误。我在此处放置了一个屏幕截图，以便您可以看到与第一个功能和第二个功能不同的颜色，依此类推（屏幕快照中没有错误，因为我在linter规则上将其停用了。）

编辑：我正在将.eslintrc内容提供给您，以查看是否出现导致此错误的内容。

{
  "parser": "babel-eslint",
  "ecmaFeatures": {
    "modules": true,
    "arrowFunctions": true,
    "classes": true
  },
  "env": {
    "node": true,
    "browser": true,
    "es6": true,
  },
  "rules": {
    "no-console": 0,
    "no-mixed-spaces-and-tabs": 0,
    "react/prop-types": 0,
    "react/no-unescaped-entities": 0,
    "react/no-string-refs": 0,
    "no-useless-escape": 0,
    "no-irregular-whitespace": 0,
    "strict": 0
  },
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
  ],
  "parserOptions": {
      ecmaVersion: 6,
      ecmaFeatures: {
          jsx: true,
      },
      sourceType: "module"
  },
}

Answer 1

您在这里尝试过检查吗？ https://github.com/babel/babel-loader/issues/479

您还尝试过在.eslintrc文件中启用babel-eslint吗？尝试从

安装

$ npm install eslint@4.x babel-eslint@8 --save-dev

或

$ yarn add eslint@4.x babel-eslint@8 -D

然后将此配置包含在您的eslint配置文件（.eslintrc）中

{
  "parser": "babel-eslint",
  "rules": {
    "strict": 0
  }
}

希望它会有所帮助！

React JS类中的第一个函数出现意外令牌=

1 个答案:

或