ESLintのチェックエラーを無効にしたいときに使う記法まとめ

ESLintのチェックエラーを無効にしたいときに使う記法まとめ

2024/02/12

2024/02/12

ESLintのチェックを無視したいときありますよね。
ESLintのチェックエラーを無効にしたいときに使う記法をまとめました。

フォルダ・ファイル単位で無効

全てのルールを無効:.eslintignoreをルートに作成してファイルやフォルダを指定する

node_modules
out


全てのルールを無効:ファイルの先頭に以下を記述する

/* eslint-disable */


特定のルールを無効:ファイルの先頭に以下を記述する
off:無効
warn:警告(黄下線)
error:エラー(赤下線)

/* eslint @typescript-eslint/no-explicit-any: off */
/* eslint @typescript-eslint/no-explicit-any: warn */
/* eslint @typescript-eslint/no-explicit-any: error */

off,warn,errorは0,1,2でも表現可能

/* eslint @typescript-eslint/no-explicit-any: 0 */
/* eslint @typescript-eslint/no-explicit-any: 1 */
/* eslint @typescript-eslint/no-explicit-any: 2 */


ブロック単位で無効

特定のルールを無効:対象行の上下に記述

/* eslint-disable [ルール名] */
hoge;
fuga;
/* eslint-enable [ルール名] */

例:
/* eslint-disable @typescript-eslint/no-explicit-any */
hoge;
fuga;
/* eslint-enable @typescript-eslint/no-explicit-any */


行単位で無効

特定のルールを無効:対象行の上に記述

// eslint-disable-next-line [ルール名]

例:
// eslint-disable-next-line @typescript-eslint/no-explicit-any


全てのルールを無効:同じ行に記述

// eslint-disable-line

例:
const hoge = "fuga" // eslint-disable-line