javascript - react - standard no undef

Resolviendo el error de la impresora no-undef para el documento

Question

Estoy usando la extensión de airbnb para alinear mi proyecto React. Ahora, en mi index.js tengo:

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

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

linter dice:

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

¿Como puedó resolver esté problema?

Answer 1

Hay varias maneras de resolver / solucionar esto. Las dos formas clave son especificar el document como global o configurar el eslint-env como browser (lo que probablemente desee). Puede hacer esto 1) en el archivo, 2) en la configuración, o incluso 3) cuando se ejecuta desde la CLI.

1) En archivo:

1. Establece el entorno como browser en tu archivo:

   /* eslint-env browser */
   import React from ''react'';
   import ReactDOM from ''react-dom'';
   import App from ''./App'';
   
   ReactDOM.render(
     <App />,
     document.getElementById(''root''),
   );

2. Añádalo como un global en el propio archivo:

   /* global document */
   import React from ''react'';
   import ReactDOM from ''react-dom'';
   import App from ''./App'';
   
   ReactDOM.render(
     <App />,
     document.getElementById(''root''),
   );

2) En la configuración eslint:

1. Establecer el entorno como browser en la configuración:

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

2. Agregalo como un global en la configuración:

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

3) Desde el CLI:

1. Usando env: eslint --env browser,node file.js

2. Utilizando globals: eslint --global document file.js

Recursos:
Especificando Globales con ESLint
Especificando entornos con ESLint
Especificando env con ESLint CLI
Especificando globales con ESLint CLI