web-dev-qa-db-ja.com

create-react-app 3.1.0 eslintカスタマイズの使用方法

編集:これは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

IDEAがそれを取得し、エディターにドット位置の警告を表示しなくなったため、package.jsonにあるルール設定は正しいと思います。

しかし、npm startは依然として不満を持っています。

./src/Auth/AuthenticationProvider.tsx
  Line 135:  Expected dot to be on same line as property  dot-location

私のpackage.jsonはドキュメントのとおりであり、EXTEND_ESLINT変数を.envファイルに追加しました。

package.json config:

"eslintConfig": {
  "extends": [
    "react-app"
  ],
  "rules": {
    "dot-location": "off"
  }
},

環境変数はmy .env ファイルに設定されています。

失敗するソースコードの例 は次のようになります。

   props.auth0Client.loginWithRedirect().
      catch((e)=>{errorHandler(e)});

何が悪いのですか?

eslint configがどのように機能するかを誤解していますか、それともcreate-react-appのこの新しい機能が実際に何をすることになっているのか間違っているのでしょうか?

注:警告を無効にするために、コードに注釈をどこにも追加したくない-質問は、eslint構成のカスタマイズに関するものです。

9
Shorn

何も問題がなく、create-react-app 3.1.0にバグがあるようです。進行状況を追跡する場合は、 GitHubに問題が報告されています。

4