かんろぐ Written by kan

【エラー解決方法/ejs】Local gulp not found in / Try running: npm install gulp の対処方法【コンパイルエラー】

CODE HTML/CSS

PR ※当サイトではアフィリエイト広告を利用しています

ejsをブラウザでコンパイルをした時に、下記のようなエラーが出ました。

Local gulp not found in ~/Library/Mobile Documents/com~apple~CloudDocs/ファイル名
Try running: npm install gulp
(ここはユーザ名のため伏せてます) TemplateDartSass_EJS_0619 %

※TemplateDartSass_EJS_0619 %はファイル名です。

この解決方法が出たので、メモとして残しておきます。

【エラー解決方法/ejs】Local gulp not found in ~ / Try running: npm install gulp の対処方法【コンパイルエラー】

cdと、ファイル名の間には半角空白が入るので注意。コマンド入力に慣れていれば問題ないでしょう。

ファイル名の入力ですが、例えばファイル名が「assets」であれば、「cd assets」でOKです。

こんなの覚えてられないのでメモしておきましょうー!

エラーの理由

単純に「コンパイル元のファイルが見つからないよー」ってことだと思います。

それをターミナルのコマンド「cd」でファイル名に移動→コンパイル元を正常に読み込んだよーっていう感じです。

解決しない場合「npm link gulp」


npm link gulp

コンパイルされるはずです。
これで完了です!\(^^)/

npm link gulpとは?

npm link コマンドは、Node.jsパッケージをグローバルとローカルの両方で利用できるようにシンボリックリンク(ショートカットのようなもの)を作成するためのものです。これにより、パッケージの開発やテストの際に、そのパッケージを他のプロジェクトから参照することができます。

Local gulp not found in / Try running: npm install gulpとは?

そもそもこのエラーメッセージとは何でしょう?
たぶんですが、Gulpがローカルにインストールされていないことを示しています。

GulpはJavaScriptのタスクランナーで、開発者が一般的な開発タスク(例えば、SassをCSSにコンパイルする、JavaScriptを圧縮する、ライブリロードなど)を自動化するのに役立ちます。

このエラーを解決するためには、以下の手順を実行することを推奨されています。

  1. ローカルにGulpをインストール
  2. インストールのためにNode.jsが必要
  3. Gulpのバージョンを確認

Gulpをインストールするためには、npm(Node Package Manager)が必要です。npmはNode.jsに同梱されていますので、まずNode.jsがインストールされていることを確認してください。

次に、以下のコマンドを実行して、ローカルのプロジェクトにGulpをインストールします。

npm install --save-dev gulp

このコマンドは、–save-devフラグを使用してGulpを開発依存関係としてプロジェクトに追加します。これにより、Gulpはpackage.jsonファイルのdevDependenciesに追加されます。

Gulpにはメジャーなバージョンがいくつかあり、それぞれに異なるAPIが存在するので、以下のコマンドを使用して、Gulpのバージョンを確認しましょう。

gulp --version

Gulpfileを確認します。 Gulpはgulpfile.jsというファイルを使用してタスクを管理します。このファイルがプロジェクトのルートディレクトリに存在することを確認してください。

Gulpってややこしいんです。。この手順で解決できることを祈ります。

この記事を書いた人
かんろぐ/プロフィールアイコン
かん
未経験からWeb制作会社へ転職 | Webの楽しさや転職のあれこれを発信 | 転職サポート「CodeChange」主催 / 転職成功15名超 | WordPress・Shopify | CodeBegin転職講師 | マナブさん弟子 | カオマンガイとサウナ | ブロガー | ●かんろぐ運営/月間7,600PV達成 |

合わせて読みたい記事