🦔

ReactのESLintエラー画面をDisableする方法

2022/07/23に公開

Reactでの開発中は、.eslintrcのルールが更新されたのに、画面ではエラーが出し続けるのことがあります
解決法は二つあります

Reactを再起動

ターミナルでctrl + Cで一旦Reactをシャットダウンしてから
またnpm run startでアプリを起動します

これでESLintエラーが解決されます

ブラウザでのESLintエラーを出しないように設定

参照:https://create-react-app.dev/docs/advanced-configuration/

まずはルートフォルダ内に.envファイルを作ります
設定を記入します

ESLINT_NO_DEV_ERRORS = true;

そして、Reactを再起動します

根本的な解決法ではない気がしますが
一旦永久的に解決できます

Discussion