1. ホーム
  2. reactjs

[解決済み] error 'document' is not defined : eslint / React

2022-02-02 05:30:43

質問

create-react-appで、Reactアプリを作っています。

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

どうすれば直るのでしょうか?今のところ、私は単に両方のファイルを無視します...しかし、私はむしろ長期的な解決策を見つけることを望んでいます。

解決方法は?

追加 "browser": true あなたの env グローバル変数(document, window, など)を含むようにします。

を参照してください。 ESLint 環境に関する文書 をご覧ください。