2021.03.06

Node.js

gulp-eslintの動作要件

gulp-eslint実行時に以下のようなエラーが発生する場合があります。これはgulp-eslintがインストールされていても、parserで使用しているbabel-eslintがインストールされていないため発生するエラーです。babel-eslintはbabelが提供しているプラグインです。

Error: Failed to load parser 'babel-eslint' declared in '.eslintrc': Cannot find module 'babel-eslint'

以下を実行してbabel-eslintをインストールします。parserでbabel-eslintが使用できるようになり、gulp-eslintを実行してもエラーは発生しません。

npm install babel-eslint

ESLintで使用するparserは、.eslintrc内に記述します。以下はparserにbabel-eslintを使用する記述です。

//.eslintrc
{
	'parser': 'babel-eslint',
}

parserを指定しない場合、ESLintのparserはデフォルトのEspreeが使用されます。その場合babel-eslintのインストールは不要です。ただし、ESLint標準のparserではES6の構文に対応しきれずエラーが発生します。以下はES6の'const'部分がパースできずエラーになっています。

144:3  error  Parsing error: The keyword 'const' is reserved

これを解決するためESLintのparserにはbabel-eslintを使用します。

関連記事

2021.03.10

Node.js

npm run-scriptでgulpを実行

ローカルにインストールしたnpmパッケージの実行は、npxコマンドを利用するのが簡単です。以下のgulpfile.jsでテストします。各タスクのfunction…

2021.03.17

Node.js

gulp-sassによるsassコンパイル時の文字コード指定

gulp-sassでsassをコンパイルすると、scssファイル内に文字コードの指定があっても削除されます。 sassコンパイル後のlayout.css内に文字…

2021.01.10

Node.js

npxでgulpを実行

npmはNode.jsインストール時に付属するパッケージ管理マネージャで、Node.jsのパッケージの管理や実行を取り扱うものです。Node.jsをインストール…

2021.01.11

Node.js

npm initによるpackage.jsonの作成とパッケージのインストール

プロジェクトを作成するディレクトリでnpm initを実行してpackage.jsonを作成します。対話形式で作成しますが何も入力せずEnterキーで進めていく…

2021.01.16

Node.js

npm updateでパッケージのバージョンを更新

npm updateでパッケージのバージョンを更新します。更新を確認するためにまず、jqueryの古いバージョンである2.2.0をインストールします。 実行が完…

上に戻る