エラー '文書'が定義されていません：eslint/React

Question

私は、create-react-appでReactアプリケーションを構築しています。

eslintを実行しているときに次のエラーが発生しました。 8：3エラー 'document'が定義されていません。no-undef。

以下の.jsxファイルとmy_slintの設定があります。 私のアプリはエラーなく実行されますが、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 
    } 
}; 

がどのように私はこの問題を解決することができますか？現時点では、私は単に両方のファイルを無視する...しかし、私はむしろ長期的な解決策を見つけるだろう。

Answer 1

詳細についてはESLint environment documentationを参照してください（ドキュメント、ウィンドウ、などのような）グローバル変数を含めるように"browser": trueあなたenvを追加します。あなたのpackage.jsonで

Answer 2

次のように、"jsdom"として冗談のためのテスト環境を指定します。

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

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