web-dev-qa-db-ja.com

Zsh：コマンドが見つかりません：webpack

私はReactを学習していて、npmからプロジェクトディレクトリにwebpackをインストールしましたが、プロジェクトにwebpackがインストールされていてもzshがコマンドを見つけられません。npm init --yes に続く npm install --save webpack

npmwebpackzsh
16
akantoword

簡単な方法。グローバルにインストールします。

npm i -g webpack

Webpackを使用する場合は、webpack-dev-serverもインストールします

npm i -g webpack-dev-server

最初にnpm、次にwebpackについて少し学ぶことをお勧めします。

14
atilkan

Webpackをグローバルにインストールする必要はありません。

私の方法を試してください：

まず、package.jsonファイルに次を追加します。

"scripts": {
   "start": "webpack"
},

次に、ターミナルで実行します

$npm start

別の簡単な方法：実行するだけです（はい、「npx」です）

$npx webpack

それで全部です。

17
J.Du

ノードモジュールをグローバルにインストールするのは簡単な解決策ですが、./node_modules/.binをパス変数に追加し、問題を理解しようとします。

Execute

~ export PATH="./node_modules/.bin:$PATH"

その後、プロジェクトにローカルにインストールされたすべてのパッケージを使用できます。また、これらのパッケージをグローバルにインストールしなくても、mochaやeslintなどのコマンドを実行できます。いくつかの良い説明があります。おそらくこれも読んでください answer 。

7
teberl

webpackがローカルにインストールされている場合、以下を使用することもできます。

$(npm bin)/webpack

の代わりに：

./node_modules/.bin/webpack
7
Jan Viehweger

私の場合、webpack、grunt、gulpでこの問題が発生しましたが、私の問題は権限の問題であったようです。

Webpackをインストールし、グローバルにうなりました。ただし、それでも、$ webapackまたは$ gruntの結果、コマンドが見つかりません

問題は、npmがグローバルパッケージを/ usr/local/lib/node_modulesにインストールし、ルート権限が必要だったことです。

そのため、ルート権限を使用する必要を避けるため、グローバルパッケージをインストールするディレクトリを$ HOMEのディレクトリに変更しました。これを行うには、次のガイドに従ってください。

macOSおよびLinuxでSudoを使用せずにnpmパッケージをグローバルにインストールする

この後、webpackをインストールし、再びグローバルに（今回はSudoを使用せずに）グラントし、新しいディレクトリにインストールされたことを確認しました。

これで、問題なく実行できます！

$ webpack

そして

$うなり声

2
Jorge Casariego

windowsを使用している場合は、パスに％USERPROFILE％\ Appdata\Roaming\npmを取得して再試行してください。

0
arviman