web-dev-qa-db-ja.com

webpackおよびwebpack-cliをインストールした後、webpackの実行中にエラーが発生する

Webpackの最新バージョンがインストールされています。

"webpack": "^4.0.0",
"webpack-cli": "^2.0.9"

しかし、ターミナルでwebpackを実行すると、次の結果が得られます。

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D
webpackwebpack-4
20
Taylor Austin

webpack-cliではなく、webpackのみをグローバルにインストールしたようです。

したがって、npm install -g webpack-cliは問題を解決します。

説明と代替ソリューション：

そもそも問題があるのはなぜですか？以下は、webpackパッケージとwebpack-cliパッケージの両方がローカルにインストールされていることを示しています。

Webpackの最新バージョンがインストールされています。

   "webpack": "^4.0.0",
   "webpack-cli": "^2.0.9"

端末でwebpackを実行すると、ローカルにインストールされたバージョンが見つかりません（ webpack-4 以来webpack-cliで提供されます）。これは、ローカルの実行可能ファイルフォルダーがShell PATH変数（シェルがコマンドを探すディレクトリのリスト）に含まれていないためです。 npmがローカルに実行可能ファイルをインストールするパスは、./node_modules/.binです（詳細情報 こちら ）。

したがって、webpackだけを実行する代わりに、実行する必要があります。

./node_modules/.bin/webpack

また、package.jsonだけを使用するスクリプトをwebpackに追加すると、npmはスクリプトを実行する前にローカル./node_modules/.bin/ディレクトリをシェルパスに追加するため機能します（ npm実行 ）。

"scripts": {
    "build": "webpack"
}

次に、ターミナルで実行します：npm run build

要約すると、package.jsonスクリプトはより明確で望ましい方法だと思います。

29
Carloluis

Npmを使用してこのコマンドを試してください：

npm i -g webpack-cli -D --save
8
Urvashi Bhatt

Webpackバージョン^ 4.0.0では、webpack CLIは別のパッケージに移動されました。この変更はドキュメントには反映されていませんが、 プルリクエスト が対処しています。

Carloluisの答え 問題を解決しますが、グローバルインストールを行わないことをお勧めします。したがって、プロジェクトフォルダー内の単純なnpm install -D webpack-cliで十分です。

2
ceoehis

webpackチームはwebpack-cliに移行しています。 webpack-cliをグローバルにインストールしてみましたが、以下に示すようにGITエラーが発生しました。

gitがインストールされており、PATHにあるかどうかを確認してください。

そこで、最初に https://gitforwindows.org/ からGITをインストールしてから、npmを使用してwebpack-cliをインストールしました。

このブログには、このエラーを解決するための詳細なスクリーンショットと対策があります Angular webpack GIT and webpack-cli error 。

2
Shivprasad Koirala

Webpack-cliが既にインストールされていてもwebpack-cliがインストールされていなくてもインストールする必要があるというエラーが表示されました。だから私はyarn add -D webpackをしました。グローバルにインストールする必要はありません。

0
Kat