神秘的 ESLint 解析错误

IT技术 javascript reactjs react-jsx eslint
2021-05-25 14:13:00

在以下代码的第 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>
    );
  }
}
2个回答

我能够通过以下方式解决这个问题：

1) 安装 babel-eslint

$ npm i --save-dev babel-eslint

或者

$ yarn add babel-eslint --dev

2) 配置 ESLint 使用 babel-eslint 作为你的解析器

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

使用babel-eslint一些自定义规则的示例 .eslintrc和 airbnb 的配置：

{
  "parser": "babel-eslint",
  "extends": "airbnb",
  "rules": {
    "arrow-body-style": "off",
    "no-console": "off",
    "no-continue": "off"
  }
}
其它你可能感兴趣的问题
上一篇react内联样式的css伪代码“li::before” 下一篇TypeError: date[("get" + method)] 不是 React-big-calendar 中的函数