Macを利用しターミナルで「gulp ejs」を打ち込み「.ejs」の拡張子を「.html」に変更し追加生成したい

Question

<最終的にどうしたいのか？>
Macを利用しGulp4で「gulp ejs」を打ち込み「.ejs」の拡張子を「.html」に変更し追加生成したい
（Sass利用予定です）

<参考にしたURL>
https://flex-box.net/gulp/#co-index-1

<環境>
MacBook 2015 Early
Gulp 4.0.2
Node 10.19.0

<問題点>
参考URLの「browser-sync」までは問題なく完了しましが、
「gulp-ejs」の箇所で「gulp ejs」を実行すると「ReferenceError gulp is not defined」と表示されてしまいました。

<実施したこと＞
1.どこかで間違ったのかと思い最初からやり直しました。
同じところまで来た時に、「ejsのエラーを解決するにはejsに絞って実行する必要がある」と考え、ejs以外のタスクを全部コメントアウトしました。
再度「gulp ejs」を実行しましたが「ReferenceError gulp is not defined」と表示されてしまいました。

2.「参照エラー ガルプが定義されていません」という内容だと思うのですが、Gulpは既に入っている？為に定義する必要はないと思い、「参照エラー」というキーワードに着目し、gulpfile.jsを書き直しました。
もしかするとこちらの書き方（階層や記法など）が間違っている違っているんでしょうか、、、？？

3.ejs内の「plumber」についても、表示させた状態、コメントアウトの状態の両方で試しました。
しかし結果は変わらず「ReferenceError gulp is not defined」と表示されている状況です。

<その他気になった点＞
「自動化のためのプラグインをガンガンインストールする」で全部インストールした後、「package.json」見ると記事の画像と少し違う文字列が発見できました。画像の下の方です。
これは問題ないのかと少し疑問でした。

ずっと詰まっていて全く前に進めていない状況が続いています。。
どなたか詳しい方、教えていただきたいです。
よろしくお願いいたします。

Comments

[CHERRY]

コードやメッセージは、画像ではなくテキストで記載して頂けないでしょうか。

また、画像で異なる部分を比較する場合は、認識を統一するために、どの部分が異なっていると思っているのか印を付けていただけないでしょうか。

[technocore]

そもそもテンプレートファイル(.ejs)はテンプレートエンジン(EJS)がレンダリングして利用します。
テンプレートファイルの拡張子をhtmlに変えてしまう目的がわからないのですが？
それにテンプレートファイルはviewsフォルダに配置するのが決まりです。

Answer 1

gulpfile.jsが添付されていないのでわかりませんが、
const gulp = require("gulp");
みたいなgulpの定義もコメントアウトされているのではないでしょうか？