webpack n'est pas reconnu comme une commande interne ou externe, un programme opérationnel ou un fichier batch

J'apprends à réagir.js et j'utilise windows 8 OS.j'ai navigué vers 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 comme une commande interne ou externe, un programme opérationnel ou un fichier batch

72
demandé sur yasar 2016-03-05 07:52:40

12 réponses

J'ai eu ce problème pendant longtemps aussi. (webpack installé globalement, etc. mais toujours pas reconnu) Il s'est avéré que je n'ai pas spécifié de variable d'environnement pour npm (où est le fichier webpack.cmd Assis) J'ajoute donc à ma variable Path

%USERPROFILE%\AppData\Roaming\npm\

Si vous utilisez Powershell, vous pouvez taper la commande suivante pour ajouter efficacement à votre chemin:

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

IMPORTANT: N'oubliez pas de fermer et de rouvrir votre fenêtre powershell pour l'appliquer.

J'espère aider.

56
répondu Vlado 2018-08-06 18:20:05

Une meilleure solution à ce problème est d'installer Webpack globalement.

Cela fonctionne toujours et cela a fonctionné pour moi. Essayez ci-dessous commande.

npm install -g webpack
107
répondu srikanth_k 2016-10-21 09:49:57

Comme alternative, si vous avez Webpack installé localement, vous pouvez spécifier explicitement où L'invite de commande doit chercher à le trouver, comme ceci:

node_modules\.bin\webpack

(cela suppose que vous êtes dans le répertoire avec votre package.json et que vous avez déjà exécuté npm install webpack).

53
répondu BalinKingOfMoria 2016-07-27 20:09:38

npm install -g webpack-dev-server va résoudre votre problème

33
répondu Araali Farooq 2016-08-07 10:12:33

Webpack CLI est maintenant dans un package séparé et doit être installé globalement afin d'utiliser la commande' webpack':

npm install -g webpack-cli
8
répondu averroes 2018-04-23 14:02:59

Ajoutez la commande webpack en tant que script npm dans votre package.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 binaire dans ./ node_modules/.dossier bin. les scripts npm recherchent également l'exécutable créé dans ce dossier

7
répondu Nikhil Ranjan 2017-05-27 20:41:32

Exécutez simplement votre ligne de commande (cmd) en tant qu'administrateur.

2
répondu ZOALIT 2016-10-31 19:16:47

J'ai eu le même problème et j'ai juste ajouté le bloc de code dans mon paquet.fichier json;

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

Puis exécutez la commande sur le terminal;

npm run build
2
répondu B.Brave 2017-06-05 13:42:53

Essayez de supprimer node_modules dans le répertoire local et de ré-exécuter npm install.

2
répondu Dushyant Singh 2018-05-26 12:00:20

Vous devez installer webpack et webpack-cli dans la même portée.

npm i -g webpack webpack-cli

Ou

npm i webpack webpack-cli

Si vous l'installez localement, vous devez l'appeler spécifiquement

node_modules/.bin/webpack -v
1
répondu Irteza Asad 2018-09-23 09:21:32

J'ai eu la même erreur, Aucune des solutions n'a fonctionné pour moi, j'ai réinstallé node et réparé mon environnement, tout fonctionne à nouveau.

0
répondu Simon Xiao 2018-07-19 04:56:32

Parfois, npm install-g webpack n'enregistre pas correctement. Mieux utiliser npm install webpack --enregistrer . Il a travaillé pour moi.

-1
répondu Amartya Banerjee 2017-12-14 07:03:34