Fly higher! Sky is the limit!

webの現場で働く人のブログ

'npx' は、内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません。

webpackを使用したら少しハマったので備忘録。

各バージョン・環境

Windows 10
- node : 8.9.0
- npm : 5.8.0

※ nodeのバージョン管理に「nodist」を使用。

実行した手順。

①実行したいプロジェクトのディレクトリに移動し、以下のコマンドを叩く。

npm init -y

よし、package.jsonが生成された!!

②続いて、webpackを実行するために本体をインストールする。

npm i -D webpack webpack-cli

よしよし、node_modules やら package-lock.jsonやらが生成されたぞ。。

③エントリーポイントをビルドしてみる。

npx webpack

'npx' は、内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません。

ゲェ~~~ン!
え?なんで?と思い、ググる。。
“Node.jsをバージョン8.2.0以降、npxはnpmにバンドルされているため、npxの個別インストールは不要”
ん...?なのになぜ動かぬ。。

おそらく原因は、nodist

しょうがないのでnpxを直接インストール

npm install -g npx

改めてコマンドを叩く。

npx webpack

シャキ~ンッ!

無事にコンパイルされました。
現場からは以上です。

参考サイト
https://ics.media/entry/12140
https://qiita.com/tonkotsuboy_com/items/8227f5993769c3df533d