web-dev-qa-db-ja.com

エラー 'document'は定義されていません：eslint / React

Reactアプリを作成し、create-react-appを使用しています。

ESLintの実行中に次のエラーが表示されました。
8:3 error 'document' is not defined no-undef.

私のアプリはエラーなしで実行されますが、2つのファイルでこのESLintエラーが発生しました。それらの.jsxファイルと私のESLint設定。

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

どうすれば修正できますか？とりあえず両方のファイルを無視します...しかし、長期的な解決策を見つけたいです。

reactjsjestjsjsxjsdom
21
Thomas Sauvajon

"browser": trueをenvに追加して、グローバル変数（ドキュメント、ウィンドウなど）を含めます

詳細については、 ESLint環境のドキュメント を参照してください。

47
Lucas

eslint.rcファイルにenvプロパティを設定します。

{
    "env": {
        "browser": true,
        "node": true
    }
}
8
Homam Bahrani

package.jsonで、次のようにjestのテスト環境を"jsdom"として指定します。

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

私は同じ問題に直面し、それは私にとってうまくいった。

6
Vishal Gulati