webpack n'est pas reconnu en tant que commande interne ou externe,un programme exécutable ou un fichier de commandes

Je suis en Apprentissage React.js et je suis avec windows 8 OS.j'ai accédez à mon dossier racine

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 n'est pas reconnu en tant que commande interne ou externe,un programme exécutable ou un fichier de commandes

InformationsquelleAutor yasar | 2016-03-05

npm webpack

70

J'ai eu ce problème pendant un long moment, trop. (webpack installé à l'échelle mondiale, etc. mais toujours pas reconnu)
Il s'est avéré que je n'ai pas spécifié de l'environnement de variable pour les mnp (où est le fichier webpack.cmd assis)
J'ai donc ajouter à ma variable Path
```
%USERPROFILE%\AppData\Roaming\npm\
```
Si vous êtes à l'aide de Powershell, vous pouvez taper la commande suivante pour ajouter à votre chemin d'accès :
```
[Environment]::SetEnvironmentVariable("Path", "$env:Path;%USERPROFILE%\AppData\Roaming\npm\", "User")
```
IMPORTANT : Ne pas oublier de fermer et ré-ouvrir votre fenêtre powershell afin d'appliquer ce.

Espère que cela aide.
- bien Iam coincé au même endroit...Peut-u s'il vous plaît élaborer ur répondre
- J'ai suivi toutes les étapes mais ça ne fonctionne pas, alors finalement je me suis rendu, je n'ai pas ouvert CMD en tant qu'administrateur.
- Je l'ai fait déjà, mais toujours face au même problème
- Merci!!!! cela a fonctionné 🙂
- Mieux définie à %APPDATA%\npm
InformationsquelleAutor Vlado
140

Meilleure solution à ce problème est d'installer Webpack à l'échelle mondiale.

Cela fonctionne toujours et il a travaillé pour moi. Essayez de commande ci-dessous.
```
npm install -g webpack
```
- Je pense qu'il devrait être noté que l'utilisation de l'-g installe webpack dans le monde, vous ne voudrez pas si vous avez plusieurs projets qui peuvent nécessiter différentes versions de webpack.
InformationsquelleAutor srikanth_k
85

Comme une alternative, si vous avez Webpack installé localement, vous pouvez spécifier explicitement où l'Invite de Commande devrait ressembler à trouver, comme:
```
node_modules\.bin\webpack
```
(Ce qui ne suppose que vous êtes à l'intérieur du répertoire avec votre package.json et que vous avez déjà exécuté npm install webpack.)
- ce doit être la accepté de répondre à
- D'accord avec Max, la raison étant qu'il est recommandé d'avoir webpack installés localement (dans devDependencies) - Mon problème était un peu différent, lors de l'ajout d'webpack comme un pré étape de génération en VS 2017, je pensais que VS a été assez intelligent pour trouver la webpack cmd localement, sans le chemin d'accès complet
- avez-vous essayez d'ajouter node_modules\.bin à outils->configurer des outils externes
- Vous pouvez essayer d'utiliser npx webpack qui vérifie également ./node_modules/.bin au lieu de jongler avec les chemins d'accès.
InformationsquelleAutor BalinKingOfMoria
42

npm install -g webpack-dev-server permettra de résoudre votre problème
- Il peut résoudre le message d'erreur OP posté, mais ce n'est pas une bonne solution au problème car il ajoute plus de dépendances que tout résoudre le manque webpack. Voir les autres haut-voté réponses pour de meilleures alternatives.
- Comme l'ont souligné différents contributeurs déjà (voir les autres réponses/commentaires), l'installation dans le monde, est considéré comme une mauvaise pratique car il se verrouille en bas à une version. Voir aussi webpack.js.org/guides/installation
InformationsquelleAutor Araali Farooq
12

Essayez de supprimer les node_modules dans le répertoire local et de ré-exécuter npm install.
- Merci cela fait pour moi, j'ai essayé l'autre des réponses, et a été ici fou dans le monde pendant plus d'une heure
- "Simple" qui a fonctionné pour moi. Merci.
- Votre solution a fonctionné pour moi.
InformationsquelleAutor Dushyant Singh
10

Ajouter webpack commande d'un mécanisme de prévention de script dans votre forfait.json.
```
{
    "name": "react-app",
    "version": "1.0.0",
    "scripts": {
      "compile": "webpack --config webpack.config.js"
    }
}
```
Puis exécutez

mnp exécuter compiler

Lorsque le webpack est installé, il crée un exécutable ./node_modules/.dossier bin. npm scripts cherche aussi exécutable créé dans ce dossier
- ne fonctionne pas - npm install-g webpack-dev-serveur de commande
InformationsquelleAutor Nikhil Ranjan
10

Webpack CLI est maintenant dans un paquet séparé et doit être installé à l'échelle mondiale dans le but d'utiliser le webpack de "commande":
```
npm install -g webpack-cli
```
EDIT: Beaucoup de choses ont changé. Webpack gens ne recommandons pas l'installation de la CLI à l'échelle mondiale (ou séparément, d'ailleurs). Ce problème devrait être résolu maintenant, mais le bon de commande d'installation est:
```
npm install --save-dev webpack
```
Cette réponse a été initialement conçu comme un "travail" pour la Fpo problème.
- "doit être installé à l'échelle mondiale" n'est pas correct ce que je comprends. Même le webpack gens vous le conseille. Voir webpack.js.org/guides/installation
InformationsquelleAutor averroes
3

J'ai eu le même problème et ont juste ajouté le bloc de code dans mon colis.fichier json;
```
 "scripts": {
   "build": "webpack -d --progress --colors"
 }
```
et puis de lancer la commande sur le terminal;
```
npm run build
```
- Cela a fonctionné pour moi. Merci pour le partage.
InformationsquelleAutor B.Brave
3

vous devez installer webpack et webpack-cli dans le même champ d'application.
```
npm i -g webpack webpack-cli
```
ou,
```
npm i webpack webpack-cli
```
si vous l'installer en local, vous devez appeler specifially
```
node_modules/.bin/webpack -v
```
- Ou, si elles sont installées localement, vous pouvez utiliser npx webpack (testé avec npm version 6.5.0, webpack 4.28.4 et webpack-cli 3.2.1)
- c'est le billet
InformationsquelleAutor Irteza Asad
3

Nous avons également rencontré ce problème et j'aime toutes les réponses qui vous suggérons d'utiliser un script défini dans package.json.

Pour nos solutions, nous utilisons souvent la séquence suivante:
1. npm install --save-dev webpack-cli (si vous utilisez webpack v4 ou plus tard, d'utiliser autrement npm install --save-dev webpack, voir webpack installation, consulté le 19 janvier 2019)
2. npx webpack
L'étape 1 est un one-off. Étape 2 vérifie également ./node_modules/.bin. Vous pouvez ajouter la deuxième étape en tant que mnp script pour package.json ainsi, par exemple:
```
{
   ...
   "scripts": {
      ...
      "build": "npx webpack --mode development",
      ...
   },
   ...
}
```
et ensuite utiliser npm run build pour exécuter ce script.

Testé cette solution avec npm version 6.5.0, webpack version 4.28.4 et webpack-cli version 3.2.1 sur Windows 10, l'exécution de toutes les commandes à l'intérieur d'une fenêtre PowerShell. Mon nodejs version est/était 10.14.2. J'ai aussi testé sur Ubuntu Linux version 18.04.

Je vous le déconseille l'installation de webpack à l'échelle mondiale, en particulier si vous travaillez avec un grand nombre de projets différents dont chacun peut nécessiter une autre version de webpack. L'installation de webpack globalement les verrous jusqu'à une version particulière à l'ensemble des projets sur la même machine.
- Cela a résolu mon problème, Merci beaucoup 🙂
InformationsquelleAutor Manfred
3

Installer WebPack à l'échelle mondiale
```
npm install --global webpack
```
InformationsquelleAutor Alper Ebicoglu
2

Il suffit d'exécuter la ligne de commande (cmd) en tant qu'administrateur.

InformationsquelleAutor ZOALIT
2

Si vous avez cloné un repo, vous devez d'abord exécuter
```
npm install
```
L'erreur de votre prise en sera généré si il vous manque des dépendances du projet. La commande ci-dessus va télécharger et de les installer.

InformationsquelleAutor PrestonDocks
2
```
npx webpack
```
Il est travaillé pour moi. Je suis à l'aide de Windows 10 et j'ai installé webpack localement.

InformationsquelleAutor aystiro
1

J'ai eu le même message d'erreur, aucune des solutions n'a fonctionné pour moi, j'ai réinstallé nœud et réparé mon environnement, tout fonctionne à nouveau.
- C'est ce que j'avais à faire aussi bien. J'ai essayé au moins trois autres "solutions" fournies sur ici et aucune n'a fonctionné, sauf pour la désinstallation et la réinstallation de Nœud de nouveau.
InformationsquelleAutor Simon Xiao
0

Essayer ce les gens, la cli doit être mis à jour vers la dernière version
```
npm install --save-dev @angular/cli@latest
```
de crédit va aller à R. Richards
https://stackoverflow.com/a/44526528/1908827

InformationsquelleAutor Akash Yellappa
0

Le correctif pour moi a été localement installation webpack comme devDependency. Bien que je l'ai comme devDependencies il n'était pas installé dans le dossier node_modules. Alors, j'ai couru
npm install --only=dev

InformationsquelleAutor Seagull
0

Pour moi, il a travaillé pour installer webpack séparément. Alors tout simplement:
```
$npm install
$npm install webpack
```
Je ne sais pas pourquoi ce devrait être nécessaire, mais cela a fonctionné.

InformationsquelleAutor Katinka Hesselink
-1

Parfois npm install-g webpack n'enregistre pas correctement. Mieux utiliser npm install webpack --enregistrer . Il a travaillé pour moi.
- -g installe à l'échelle mondiale (et non à votre projet local node_modules + package.json), tandis que-sauf s'installe en local (dans vos locaux node_modules + package.json) afin que cette réponse est fausse.
InformationsquelleAutor Amartya Banerjee
-1

J'ai eu ce même problème et je ne pouvais pas le comprendre. Je suis allé à travers chaque ligne de code et n'arrivais pas à trouver mon erreur. Puis j'ai réalisé que j'ai installé webpack dans le mauvais dossier. Mon erreur a été de ne pas prêter attention à le dossier, j'ai été l'installation de webpack à.

InformationsquelleAutor Michael Neely

Vous devez vous connecter pour publier un commentaire.