エラー 'document'は定義されていません：eslint / React - reactjs、jsx、jest、jsdom

私はcreate-react-appを使ってReactアプリを構築しています。

eslintを実行すると、次のようなエラーが表示されました。 8：3エラー "document"は定義されていませんno-undef

これが次の.jsxファイルと私のeslint設定です。 私のアプリはエラーなしで実行されますが、私は2つのファイルでこの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
}
};

どうすればこれを修正できますか？今のところ私は両方のファイルを単に無視するでしょう...しかし私はむしろ長期的な解決策を見つけたいと思います。

回答：

追加 "browser": true きみの env グローバル変数（文書、ウィンドウなど）を含める

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

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

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

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

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

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