神秘的ESLint解析錯誤

Question

在以下代碼的第4行，ESLint給我一個解析錯誤說：

意外的令牌=

我想知道為什么會這樣？ 代碼運行正常。 我究竟做錯了什么？

import { Component, PropTypes } from 'react';

export default class MainApp extends Component {
  static propTypes = {
    children: PropTypes.any.isRequired
  }

  componentWillMount() {
    require('./styles/main.styl');
  }

  render() {
    return (
      <div>
        {this.props.children}
      </div>
    );
  }
}

Answer 1

我能夠解決這個問題：

1）安裝babel-eslint

$ npm i --save-dev babel-eslint

要么

$ yarn add babel-eslint --dev

2）配置ESLint以使用babel-eslint作為解析器

只需在您的.eslintrc文件中添加"parser": "babel-eslint",即可。

示例.eslintrc使用babel-eslint和airbnb的配置以及一些自定義規則：

{
  "parser": "babel-eslint",
  "extends": "airbnb",
  "rules": {
    "arrow-body-style": "off",
    "no-console": "off",
    "no-continue": "off"
  }
}

Answer 2

你不能在類中擁有屬性，只能有方法。

參考： http ： //www.2ality.com/2015/02/es6-classes-final.html#inside_the_body_of_a_class_definition