Résolution d'erreur de linter no-undef pour le document

Je suis en utilisant airbnb extension pour peluchage mon Réagir Projet. Maintenant, dans mon index.js j'ai:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
  <App />,
  document.getElementById('root'),
);

linter dit:

no-undef 'document' is not defined.at line 8 col 3

Comment puis-je résoudre ce problème?

source d'informationauteur FacundoGFlores

  1. 63

    Il y a un certain nombre de façons de résoudre les contourner. Les deux façons sont soit de spécifier document comme global ou pour régler la eslint-env comme browser (ce que vous voulez probablement). Vous pouvez le faire 1) en fichier, 2) dans la configuration, ou même 3) lors de l'exécution de la CLI.

    1)-fichier:

    1. Définir l'environnement comme browser dans votre fichier:

      /* eslint-env browser */
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
  <App />,
  document.getElementById('root'),
);

    2. L'ajouter en tant que global dans le fichier lui-même:

      /* global document */
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
  <App />,
  document.getElementById('root'),
);

    2) Dans le eslint configuration:

    1. Définir l'environnement comme browser dans la configuration:

      {
  "env": {
    "browser": true,
    "node": true
  }
}

    2. L'ajouter en tant que global dans la configuration:

      {
  "globals": {
    "document": false
  }
}

    3) De la CLI:

    1. À l'aide env: eslint --env browser,node file.js

    2. À l'aide de variables globales: eslint --global document file.js

    Ressources:

    Spécification des variables Globales avec ESLint

    La spécification des Environnements avec ESLint

    La spécification env avec ESLint CLI

    Spécification des variables globales avec ESLint CLI