web-dev-qa-db-fra.com

Après l'installation de webpack et webpack-cli, l'erreur persiste lorsque Webpack est exécuté.

J'ai les dernières versions de webpack installées:

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

Pourtant, lorsque je lance webpack dans le terminal, je reçois le texte suivant:

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
20
Taylor Austin

On dirait que vous avez installé globalement que webpack et non pas webpack-cli.

Donc, npm install -g webpack-cli résout le problème.


Explication et solutions alternatives:

Pourquoi il y a le problème en premier lieu? Ce qui suit indique que webpack et webpack-cli Les paquets sont installés localement:

J'ai les dernières versions de webpack installées:

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

L'exécution de webpack sur votre terminal ne peut pas trouver votre version installée localement (fournie par webpack-cli depuis webpack-4 ). En effet, le dossier des exécutables de votre section locale n’est pas inclus dans votre variable Shell PATH (liste des répertoires dans lesquels le shell recherche des commandes). Le chemin où npm installer les exécutables localement est ./node_modules/.bin _ (plus d'informations ici ).

Par conséquent, au lieu d’essayer d’exécuter uniquement webpack, vous devez exécuter:

./node_modules/.bin/webpack

En outre, en ajoutant à votre package.json un script qui utilise seulement webpack fonctionne car npm ajoute local ./node_modules/.bin/ répertoire vers le chemin du shell avant l’exécution des scripts (voir npm run ).

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

Ensuite, exécutez dans votre terminal: npm run build

En résumé, je pense que le package.json Le script est le moyen le plus clair et le plus souhaitable.

29
Carloluis

Essayez cette commande en utilisant Npm:

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

Dans la version de Webpack ^ 4.0.0, la CLI de webpack a été déplacée dans un autre package. Bien que cette modification ne soit pas reflétée dans la documentation, il existe une demande d'extraction qui s'adresse à cela.

réponse de Carloluis résolvez votre problème, mais je voudrais ajouter qu'il est recommandé de ne pas effectuer d'installations globales. Donc, un simple npm install -D webpack-cli dans votre dossier de projet fera l'affaire.

2
ceoehis

l'équipe webpack déplace les choses vers webpack-cli. J'ai essayé d'installer webpack-cli globalement, il m'a donné l'erreur GIT comme indiqué ci-dessous.

Veuillez vérifier si vous avez installé Git et dans votre PATH.

J'ai donc d'abord installé GIT à partir de https://gitforwindows.org/ , puis j'ai installé webpack-cli à l'aide de npm.

Ce blog a la capture d'écran de détail et la solution pour résoudre cette erreur Angular webpack GIT et erreur webpack-cli .

2

J'ai eu l'erreur de dire que j'avais besoin d'installer Webpack-cli même si je l'avais déjà, mais pas Webpack. Alors j'ai fait yarn add -D webpack, pas besoin de l'installer globalement.

0
Kat