Gulpで「モジュールgulp-sassが見つかりません」というエラーを修正する方法

Gulpを実行しているときに、「モジュールgulp-sassが見つかりません」などのエラーが表示される場合があります。

このエラーメッセージは、Gulpがgulp-sassパッケージから関数を実行しようとしているが、それを見つけることができないことを意味します。

この厄介なエラーが発生した場合は、それを取り除くために使用できるいくつかの修正があります。

node_modulesフォルダーを確認してください

npmパッケージをインストールすると、npmはnode_modulesを作成します プロジェクトルートのフォルダ。また、インストールしたパッケージをpackage.jsonに追加します およびpackage-lock.json ファイル。

パッケージがpackageにリストされていることを確認することで、パッケージがインストールされたことを確認できます。 およびpackage-lock.json ファイル。そして、node_modulesを再確認してください パッケージがそこのサブフォルダにあることを確認するためのフォルダ。

最後に、プロジェクトのルートフォルダーからWebサイトまたはWebアプリを実行していること、およびルートフォルダーにnode_modulesが含まれていることを確認します。 直接サブフォルダーとしてのフォルダー。 node_modulesの場合 フォルダがその場所にないため、このエラーが発生する可能性があります。

gulp-sassモジュールを手動でインストールします

gulp-sassが表示されない場合 node_modulesのパッケージ フォルダ、またはまだ問題が発生している場合は、パッケージを再インストールしてみてください。

まず、package.jsonを開きます およびpackage-lock.json ファイルを作成し、gulp-sassへの参照を削除します およびnode-sass あなたが見ること。これにより、最新バージョンのパッケージを確実に再インストールできます。

次に、npm install gulp-sassを実行します またはnpm install gulp-sass --save-dev インストールしてpackage.jsonに保存します ファイル。 --save-devを追加する フラグはパッケージをdevDependenciesに追加します package.jsonのセクション ファイル。

フラグを追加しない場合、フラグはdependenciesに追加されます ファイルのセクション。特にローカルで作業している場合は、どのセクションを使用するかは問題ではないので、これについては自分の好みに従ってください。

これにより、パッケージがプロジェクトフォルダーにローカルにインストールされ、パッケージにはそのプロジェクトからのみアクセスできることに注意してください。他のディレクトリからアクセスできるように、パッケージをコンピュータにグローバルにインストールすることもできます。

これを行うには、グローバル（-g）を追加します ）installにフラグを立てます 次のようなコマンド：npm install -g gulp-sass 。

ただし、私は通常、プロジェクトのローカルにパッケージをインストールします。 gulp-cliをインストールします グローバルに、しかし他のすべては私がローカルに保つだけです。