「npm run 〇〇」したら「’NODE_ENV’ は、内部コマンドまたは外部コマンド、 操作可能なプログラムまたはバッチ ファイルとして認識されていません。」と表示された時に対応したこと

今回は、npmでgulpやsassのコンパイルをしている時に起こったエラーに対してやったことを記録しておきます。

以前の記事でも紹介した「のせっち」さんのBrainを参考にしてgulpを用いてコーディングを行っています。

タイトルの通り、「npm　run　〇〇」とした時に、標題のエラーが出てしまいました。

同じケースというわけではないですが、以下に似たような状況で解決した方のリンクを貼っておきます。

どうもMacとWindowsでpackage.jsonに定義する環境変数の書き方が異なることから、エラーが起こっているようです。

直接編集しなければいけないかとドキドキしていましたが、下記参考サイトの方が簡単な解決法を載せてくださっていました。

ありがたい・・・＞＜

まずは解決方法から。

具体的には「cross-env」というnpmモジュールをインストールして設定します。

次に「package.json」ファイルを開いて、環境変数を定義している「’NODE_ENV’」の先頭に「cross-env」と付けるだけです。

ちなみに、「’NODE_ENV’」が複数個所あれば、すべてこのように書き足します。

※「cross-env」と「NODE＿ENV」の間は半角スペース1つ開けます。

これで、通常通り「npm run 〇〇」が動作しました＾＾

参考サイト：https://harionote.net/2021/12/29/%E3%80%90react%E9%96%8B%E7%99%BA%E3%80%91windows%E7%92%B0%E5%A2%83%E3%81%A7%E3%80%81npm-run-%E3%80%87%E3%80%87%E3%81%97%E3%81%9F%E3%82%89%E3%80%8Cxx-%E3%81%AF%E3%80%81%E5%86%85%E9%83%A8%E3%82%B3/