web-dev-qa-db-fra.com

Comment utiliser la personnalisation eslint create-react-app 3.1.0?

Edit : Il s'agissait d'un bogue dans 3.1.0 - mise à niveau vers 3.1.1+ pour obtenir une version de travail de cette fonctionnalité.

create-react-app 3.1.0 est censé prendre en charge la personnalisation des avertissements eslint, selon: https://github.com/facebook/create-react-app/pull/7036

La documentation est ici: https://facebook.github.io/create-react-app/docs/setting-up-your-editor#experimental-extending-the-eslint-config

Je crois que le paramètre de règle que j'ai dans mon package.json est correct parce que IDEA le récupère et n'affiche plus l'avertissement de localisation de points dans l'éditeur.

Mais npm start se plaint toujours de:

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

Ma package.json est conforme à la documentation et j'ai ajouté le EXTEND_ESLINT variable à la .env fichier.

Mon package.json config:

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

La variable d'environnement est définie dans mon .env fichier.

Et le exemple de code source défaillant ressemble à:

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

Qu'est-ce que je fais mal?

Suis-je incompréhensible sur le fonctionnement de eslint config, ou peut-être que je me trompe sur ce que cette nouvelle fonctionnalité de create-react-app est censée faire?

Remarque: je ne veux pas ajouter d'annotations à mon code partout pour désactiver l'avertissement - la question concerne la personnalisation de la configuration eslint.

create-react-appeslint
9
Shorn

Il semble que vous ne fassiez rien de mal et il y a un bogue dans create-react-app 3.1.0. Si vous voulez suivre les progrès, n problème a été déposé dans GitHub.

4
Leonhardt Koepsell