die Fehlermeldung 'Dokument' ist nicht definiert : eslint / Reagieren

Ich Baue eine app Reagieren, die mit create-reagieren-app.

Bekam ich folgende Fehlermeldung bei der Ausführung von ESLint:

8:3 error 'document' is not defined no-undef.

Meine app läuft ohne Fehler, aber ich habe diese ESLint Fehler in 2 Dateien.
Einen von denen sehen .jsx Dateien und meine ESLint-Konfiguration.

index.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
  }
};

Wie kann ich dieses Problem beheben ? Für den moment werde ich einfach ignorieren beide Dateien ... aber ich würde eher zu finden, eine langfristige Lösung.

InformationsquelleAutor Thomas Sauvajon | 2017-02-21
  1. 41

    Hinzufügen "browser": true Ihre env zu gehören Globale Variablen (wie Dokument, Fenster, usw.)

    Sehen die ESLint-Umgebung Dokumentation für weitere Informationen.

    • Ist es nicht klar was zu tun ist, wo, um das, was Datei?
    • Siehe den OP, in eslintrc.js hat ein "env" - Eigenschaft. Finden Sie die ESLint-Dokumentation, um zu sehen, wie es zu konfigurieren eslint.org/docs/user-guide/configuring
    InformationsquelleAutor Lucas
  2. 5

    legen Sie eine env-Eigenschaft in Sie eslint.rc Datei, z.B.

    {
    "env": {
        "browser": true,
        "node": true
    }
}
    InformationsquelleAutor Homam Bahrani
  3. 4

    In Ihrem package.json geben Sie die test-Umgebung für Scherz als "jsdom" wie folgt:

      "jest": {
    "testEnvironment": "jsdom"
  }

    Ich Stand vor dem gleichen Problem und es funktionierte gut für mich.

    • Keine Ahnung, warum dies ist nicht die top-Ergebnisse auf google. Es ist auf jeden Fall die Lösung. Ich wusste nicht, was die facebook reagieren Testskript wurde dabei mit seinem -env=jsdom Kommandozeilen-argument
    • Vielen Dank für die upvote. Froh, dass es dir geholfen!
    InformationsquelleAutor Vishal Gulati
Schreibe einen Kommentar