web-dev-qa-db-ja.com

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

私はReact.jsを学んでいて、私は私のルートフォルダに移動しているWindows 8 OS.iを使用しています。

1.Created the package.json file by npm init
2. install webpack by npm install -S webpack.now webpack has been downloaded to my modules folder
3. install webpack globally by typing npm install webpack -g
4. i am also having a webpack.config.js in my root folder which contains the source and ouput directory
5. when i type the webpack command i am getting the below error.

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

npmwebpack
94
yasar

私も長い間この問題を抱えていました。 （webpackはグローバルにインストールされていますが、まだ認識されていません）npmに環境変数を指定していないことが判明しました（ここではwebpack.cmdファイルは座っています）。

%USERPROFILE%\AppData\Roaming\npm\

Powershellを使用している場合は、次のコマンドを入力して効果的にパスに追加できます。

[Environment]::SetEnvironmentVariable("Path", "$env:Path;%USERPROFILE%\AppData\Roaming\npm\", "User")

重要：これを適用するには、PowerShellウィンドウを閉じて再度開くことを忘れないでください。

それが役に立てば幸い。

62
Vlado

この問題に対するより良い解決策はWebpackをグローバルにインストールすることです。

これはいつもうまくいき、私にとってはうまくいった。以下のコマンドを試してください。

npm install -g webpack
135
srikanth_k

別の方法として、Webpackをローカルにインストールしている場合は、コマンドプロンプトで探す場所を明示的に指定できます。

node_modules\.bin\webpack

（これはpackage.jsonがあるディレクトリの中にいて、すでにnpm install webpackを実行していると仮定しています。）

76
BalinKingOfMoria

npm install -g webpack-dev-serverはあなたの問題を解決します

41
Araali Farooq

Webpack CLIは現在別のパッケージに入っており、 'webpack'コマンドを使用するためにはグローバルにインストールする必要があります。

npm install -g webpack-cli

編集：多くの変更がありました。 Webpackをお使いの方は、CLIをグローバルに（あるいはそのために別々に）インストールすることはお勧めできません。この問題は解決されるはずですが、適切なインストールコマンドは次のとおりです。

npm install --save-dev webpack

この答えは、もともとOPの問題に対する「回避策」として意図されていました。

9
averroes

あなたのpackage.jsonにnpmスクリプトとしてwebpackコマンドを追加してください。

{
    "name": "react-app",
    "version": "1.0.0",
    "scripts": {
      "compile": "webpack --config webpack.config.js"
    }
}

それから走りなさい

npm実行コンパイル

Webパックをインストールすると、。/ node_modules/.binフォルダにバイナリが作成されます。 npmスクリプトは、このフォルダに作成された実行ファイルも探します。

9
Nikhil Ranjan

削除してみてください node_modules ローカルディレクトリにあり、再実行 npmインストール。

8
Dushyant Singh

管理者としてコマンドライン（cmd）を実行するだけです。

3
ZOALIT

webpackとwebpack-cliを同じスコープにインストールする必要があります。

npm i -g webpack webpack-cli

または、

npm i webpack webpack-cli

ローカルにインストールする場合は、特別にそれを呼び出す必要があります。

node_modules/.bin/webpack -v
3
Irteza Asad

私は同じ問題を抱えていて、ちょうど私のpackage.jsonファイルにコードブロックを追加しました。

 "scripts": {
   "build": "webpack -d --progress --colors"
 }

それから端末でコマンドを実行します。

npm run build
3
B.Brave

WebPackをグローバルにインストールする

npm install --global webpack
2
Alper Ebicoglu

私たちもこの問題を経験しました、そして私はpackage.jsonで定義されたスクリプトを使うことを提案するすべての答えが好きです。

私達の解決のために私達は頻繁に次の順序を使用する：

  1. npm install --save-dev webpack-cli（あなたがwebpack v4以降を使っているなら、そうでなければnpm install --save-dev webpackを使ってください。 webpackインストールを見てください 、2019年1月19日検索）
  2. npx webpack

ステップ1は一度限りです。ステップ2は./node_modules/.binもチェックします。 2番目のステップをnpmスクリプトとしてpackage.jsonに追加することもできます。例えば、

{
   ...
   "scripts": {
      ...
      "build": "npx webpack --mode development",
      ...
   },
   ...
}

その後、npm run buildを使用してこのスクリプトを実行します。

Windows 10上のnpmバージョン6.5.0、webpackバージョン4.28.4、およびwebpack-cliバージョン3.2.1でこのソリューションをテストし、PowerShellウィンドウ内ですべてのコマンドを実行しました。私のnodejsのバージョンは10.14.2でした。私はUbuntu Linuxバージョン18.04でもこれをテストしました。

ウェブパックをグローバルにインストールすることはお勧めしません。特に、それぞれが異なるバージョンのウェブパックを必要とする可能性がある多数の異なるプロジェクトで作業している場合はお勧めします。 webpackをグローバルにインストールすると、同じマシン上のすべてのプロジェクトにわたって特定のバージョンにあなたを固定します。

2
Manfred
npx webpack

それは私のために働いています。 Windows 10を使用していて、webpackをローカルにインストールしました。

1
aystiro

私は同じエラーを得ました、解決策のどれも私のために働きませんでした、私はノードを再インストールしました、そしてそれは私の環境を修復しました、すべては再びうまくいきます。

1
Simon Xiao

レポジトリをクローンしたばかりの場合は、最初に実行する必要があります。

npm install

プロジェクトの依存関係が欠けていると、エラーが発生します。上記のコマンドはそれらをダウンロードしてインストールします。

1
PrestonDocks

この人たちを試してください、cliは最新バージョンに更新される必要があります

npm install --save-dev @angular/cli@latest

クレジットはR.Richardsに行きます https://stackoverflow.com/a/44526528/1908827

0
Akash Yellappa

私にとっては、webpackを個別にインストールするのに役立ちました。単純に：

$npm install
$npm install webpack

なぜこれが必要なのかわかりませんが、うまくいきました。

0
Katinka Hesselink

私のための修正は、devDependencyとしてwebpackをローカルにインストールすることでした。 devDependenciesとして持っていますが、node_modulesフォルダーにインストールされていません。だから私はnpm install --only=devを実行しました

0
Seagull