reactjs - eslint 提示 getInitialProps

标签 reactjs eslint next.js

这是我的 .eslintrc

{
  "plugins": ["react"],
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true,
    "mocha": true
  },
  "extends": ["eslint:recommended", "plugin:react/recommended", "standard"],
  "rules": {}
}

这是我的组件:

class Index extends React.Component {
  static async getInitialProps({ req }) {
    ....
  }
}

Eslint 正在提示 getInitialProps:

Parsing error: Unexpected token getInitialProps

除了添加抑制注释之外,还有什么方法可以让 eslint 接受 getInitialProps 声明吗?

最佳答案

正如 @Scott 在评论中指出的,解决方案是添加 babel-eslint ,我的最终 .eslintrc 如下:

{
  "plugins": ["react"],
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true,
    "mocha": true
  },
  "extends": ["eslint:recommended", "plugin:react/recommended", "standard"],
  "rules": {}
}

关于reactjs - eslint 提示 getInitialProps,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46840646/

相关文章:

node.js - 如何解决 "Unsupported platform for inotify@1.4.2"

javascript - 找不到为导入语句抛出的规则 'jsx-a11y/img-has-alt' 的定义

javascript - 在 React.js 中,我如何从组件的字符串表示形式呈现组件?

reactjs - 在 React/Flux 项目中包含 JointJS 图

reactjs - react -Mobx 警告 : A component is changing an uncontrolled input

javascript - 如何解决 eslint(vue/html-closing-bracket-newline) 冲突

typescript - 如何禁用@typescript-eslint/no-non-null-assertion 规则

node.js - 警告 : Use Cipheriv for counter mode of aes-256-ctr

javascript - Next.js with Auth0 (using Passport.js) on Serverless Function

node.js - NextAuth 授权用户但用户信息为空