More than 1 year has passed since last update.

JavaScriptのClassでprivateメソッドを実装すると「Parsing error: Unexpected character '#' eslint」エラーになる

Last updated at 2022-01-13Posted at 2022-01-12

はじめに

ESLintを設定している時に、以下の図のようなエラーが発生した。

今回はこのエラーを解消する方法について調べてみたのでその備忘録を残す。

を参照。

JavaScriptsのprivateメソッドはes2022の機能なため、以下のようにESLintの設定を変える必要がある。

// .eslint.json
{
	...
	"parserOptions": {
		"ecmaVersion": 13
	},
	...
}

※コメントでご指摘を頂いたとおり、以下の方法ではなくESLint自体の設定でカバーできる問題でした。

上記のエラーを解消するには、yarn add --dev @babel/eslint-parser等でライブラリをインストールし、後は公式にあるように以下のようにparserを追記すればいい。

こうすると、ESLintが実装されている構文を解釈できるようになりエラーが発生しなくなる。