Estoy creando una aplicación React, con create-react-app.
Recibí el siguiente error al ejecutar ESLint:
8:3 error 'document' is not defined no-undef.
Mi aplicación se ejecuta sin errores, pero recibí este error de ESLint en 2 archivos. Vea uno de esos archivos .jsx
y mi configuración de ESLint.
índice.jsx:
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; ReactDOM.render( <App />, document.getElementById('root'), );
eslintrc.js:
module.exports = { "extends": "airbnb", "plugins": [ "react", "jsx-a11y", "import" ], "env": { "jest": true } };
Cómo puedo arreglar esto ? Por el momento simplemente ignoraré ambos archivos... pero prefiero encontrar una solución a largo plazo.
Agregue "browser": true
verifique su env
para incluir variables globales (como documento, ventana, etc.)
Consulte la documentación del entorno ESLint para obtener más información.
establezca una propiedad env en su archivo eslint.rc, por ejemplo
{ "env": { "browser": true, "node": true } }
En su package.json
, especifique el entorno de prueba para broma como "jsdom"
de la siguiente manera:
"jest": { "testEnvironment": "jsdom" }
Enfrenté el mismo problema y funcionó bien para mí.