web-dev-qa-db-fra.com

webpack n'est pas reconnu comme une commande interne ou externe, un programme utilisable ou un fichier de commandes.

Je suis en train d'apprendre React.js et j'utilise Windows 8 OS.i ai navigué dans 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 utilisable ou un fichier de commandes

npmwebpack
82
yasar

J'ai eu ce problème pendant longtemps aussi. (webpack installé globalement, etc. mais pas encore reconnu) Il s'est avéré que je n'ai pas spécifié de variable d'environnement pour npm (où se trouve le fichier webpack.cmd sitting) 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 pouvoir l'appliquer.

J'espère que ça aide.

62
Vlado

Une meilleure solution à ce problème consiste à installer Webpack globalement.

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

npm install -g webpack
125
srikanth_k

Si Webpack est installé localement, vous pouvez également spécifier explicitement où l'invite de commande doit chercher pour le trouver, comme suit:

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.)

69
BalinKingOfMoria

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

39
Araali Farooq

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 courir

npm run compile

Une fois le pack Web installé, il crée un fichier binaire dans le dossier ./node_modules/.bin. Les scripts npm recherchent également les exécutables créés dans ce dossier

9
Nikhil Ranjan

Webpack CLI est maintenant dans un paquet séparé et doit être installé globalement pour pouvoir utiliser la commande 'webpack':

npm install -g webpack-cli
7
averroes

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

6
Dushyant Singh

Il suffit de lancer votre ligne de commande (cmd) en tant qu'administrateur.

3
ZOALIT

J'ai eu le même problème et je viens d'ajouter le bloc de code dans mon fichier package.json;

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

puis exécutez la commande sur le terminal;

npm run build
3
B.Brave

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'installez localement, vous devez l'appeler spécifiquement

node_modules/.bin/webpack -v
2
Irteza Asad
npx webpack

C'est travaillé pour moi. J'utilise Windows 10 et j'ai installé Webpack localement.

1
aystiro

Si vous venez de cloner un repo, vous devez d’abord exécuter

npm install

L'erreur que vous obtenez sera générée s'il vous manque des dépendances de projet. La commande ci-dessus va les télécharger et les installer.

1
PrestonDocks

Installer WebPack globalement

npm install --global webpack
1
Alper Ebicoglu

Nous avons également rencontré ce problème et j’aime toutes les réponses suggérant l’utilisation d’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 version ultérieure, utilisez plutôt npm install --save-dev webpack, voir installation de webpack , récupéré le 19 janvier 2019)
  2. npx webpack

L'étape 1 est unique. L'étape 2 vérifie également ./node_modules/.bin. Vous pouvez également ajouter la deuxième étape sous forme de script npm à package.json, par exemple:

{
   ...
   "scripts": {
      ...
      "build": "npx webpack --mode development",
      ...
   },
   ...
}

puis utilisez 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, en exécutant toutes les commandes à l'intérieur d'une fenêtre PowerShell. Ma version de nodejs est/était 10.14.2. J'ai aussi testé cela sur Ubuntu Linux version 18.04.

Je vous déconseille d'installer Webpack dans le monde entier, en particulier si vous travaillez avec de nombreux projets différents, chacun d'eux pouvant nécessiter une version différente de Webpack. L'installation globale de Webpack vous permet de conserver une version particulière de tous les projets de la même machine.

1
Manfred

J'ai la même erreur, aucune des solutions ne fonctionnait pour moi, j'ai réinstallé le noeud et cela a réparé mon environnement, tout fonctionne à nouveau.

0
Simon Xiao

Essayez ceci, la cli doit être mise à jour à la dernière version

npm install --save-dev @angular/cli@latest

le crédit va à R.Richards https://stackoverflow.com/a/44526528/1908827

0
Akash Yellappa

Pour moi, cela a fonctionné d'installer webpack séparément. Alors tout simplement:

$npm install
$npm install webpack

Je ne sais pas pourquoi cela devrait être nécessaire, mais cela a fonctionné.

0
Katinka Hesselink

Le correctif pour moi consistait à installer localement webpack en tant que devDependency. Bien que je l’aie sous le nom devDependencies, il n’a pas été installé dans le dossier node_modules. J'ai donc lancé npm install --only=dev

0
Seagull