如何使用create-react-app 3.1.0 eslint定制?

Sho*_*orn 5 eslint create-react-app

编辑:这是3.1.0中的错误-升级到3.1.1+以获取此功能的有效版本。


create-react-app 3.1.0应该支持自定义eslint警告,如下所示:https : //github.com/facebook/create-react-app/pull/7036

文档在这里:https : //facebook.github.io/create-react-app/docs/setting-up-your-editor#experimental-extending-the-eslint-config

我相信我package.json中的规则设置是正确的,因为IDEA会选择它,并且不再在编辑器中放置点位置警告。

npm start仍然抱怨:

./src/Auth/AuthenticationProvider.tsx
  Line 135:  Expected dot to be on same line as property  dot-location
Run Code Online (Sandbox Code Playgroud)

package.json是根据文档,并且我已将EXTEND_ESLINT变量添加到.env文件中。

我的package.json配置:

"eslintConfig": {
  "extends": [
    "react-app"
  ],
  "rules": {
    "dot-location": "off"
  }
},
Run Code Online (Sandbox Code Playgroud)

环境变量已在我的.env文件中设置。

例如没有源代码的样子:

   props.auth0Client.loginWithRedirect().
      catch((e)=>{errorHandler(e)});
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

我是不是误解了eslintconfig的工作方式,或者我对create-react-app的这个新功能实际上应该做的事情是错误的?

请注意:我不想到处添加注释到我的代码来禁用警告-问题是关于自定义eslint配置。

Leo*_*ell 5

看来您没有做错任何事情,并且 create-react-app 3.1.0 中存在错误。如果您想跟踪进度,已在 GitHub 中提交了一个问题。