[解決済み] 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 環境に関する文書 をご覧ください。
関連
-
[解決済み】Reactコンポーネント内でswitchステートメントを使用するには?
-
[解決済み】ngrokがReact devサーバーに接続しようとすると、無効なホストヘッダが表示される。
-
[解決済み] eslint-config-airbnbで拡張子が' .js'のファイルではJSXは許可されません。
-
[解決済み] 'Proptypes'が定義されていない
-
[解決済み] nginxでcertbotを使用する際の問題点
-
[解決済み] Cross-envでyarnの実行時にenv変数が変更されない。
-
[解決済み] componentDidUpdate'メソッドはいつ使用するのですか?
-
[解決済み] Reactルータを使ったプログラムによるナビゲーション
-
[解決済み] React JSX内のループ
-
[解決済み] Reactのこの3つの点は何をするところなのでしょうか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Jestの `beforeEach` グローバルは何のためにあるのですか?
-
[解決済み] React.createElement: type is invalid -- expected a string.
-
[解決済み] FontAwesomeの無料パッケージに含まれているアイコンのオブジェクト名はどこにあるのですか?
-
[解決済み] error 'document' is not defined : eslint / React
-
[解決済み] MUI Boxは何のためのコンポーネントですか?
-
[解決済み] react router dom v4でwebpack dev serverを構成する方法は?
-
[解決済み] Webpack のコンパイルに失敗した
-
[解決済み] react jsでウィンドウを開くイベントを処理するにはどうすればよいですか?
-
[解決済み] Static HTML elements with event handlers require a role." を修正するにはどうすればよいですか?
-
[解決済み] Reactのrender()にFont Awesomeのアイコンを入れる方法