web-dev-qa-db-fra.com

Erreur: impossible de trouver le module 'webpack'

Je commence tout juste à utiliser WebPack et je ne parviens pas à obtenir l'exemple entrées multiples points . Le fichier webpack.config.js de l'exemple comprend la ligne

 var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin");

qui échoue pour moi avec l'erreur

Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin'

En cherchant, j'ai trouvé d'autres exemples d'utilisation de CommonsChunkPlugin avec l'expression

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js");

qui échoue avec l'erreur

ReferenceError: webpack is not defined

Quelques recherches supplémentaires ont trouvé un certain nombre d’exemples, notamment

var webpack = require('webpack');

et ma construction échoue maintenant avec 

Error: Cannot find module 'webpack'

Je ne sais pas comment procéder. 

101
Ed.

Liez le paquet installé globalement à votre projet

npm link webpack
190

Pendant que je travaillais sur Windows, j'ai installé Webpack localement et mon problème a été résolu.

Alors, à l’invite de commande, allez dans le répertoire dans lequel vous voulez exécuter Webpack, installez-le localement (sans le -g) et profitez-en ...

58
Ran

Semble être un problème Windows commun. Cela a résolu le problème pour moi:

Nodejs ne trouve pas le module installé sous Windows?

"Ajoutez une variable d’environnement appelée NODE_PATH et réglez-la sur %USERPROFILE%\Application Data\npm\node_modules (Windows XP), %AppData%\npm\node_modules (Windows 7) ou à chaque fois que npm finit par installer les modules sur votre version de Windows. Pour cela, ajoutez-le une fois pour toutes Variable système dans l'onglet Avancé de la boîte de dialogue Propriétés système (exécutez control.exe, sysdm.cpl, Système, 3). "

Notez que vous ne pouvez pas utiliser une autre variable d'environnement avec la valeur NODE_PATH. C’est-à-dire qu’il ne suffit pas de copier et coller la chaîne ci-dessus, mais de la définir sur un chemin résolu, tel que C:\Users\MYNAME\AppData\Roaming\npm\node_modules.

23
Jamie Treworgy

J'avais ce problème sous OS X et cela semblait être dû à une non-concordance de version entre ma webpack installée globalement et mon webpack-dev-server installé localement. La mise à jour des deux versions dans la dernière version s'est débarrassée du problème. 

8
Cody Sand

Exécuter les commandes ci-dessous dans Terminal:

npm install --save-dev webpack

npm install --save-dev webpack-dev-server

4
Sreen Sunki

J'ai résolu le même problème en réinstallant, exécutez ces commandes

rm -Rf node_modules
rm -f package-lock.json
npm install

rmest toujours une commande dangereuse, en particulier avec -f, veuillez noter qu'avant de l'exécuter !!!!!

3
troy

Si vous avez installé un package de nœud et recevez toujours le message que le package n'est pas défini, vous pouvez rencontrer un problème de liaison entre PATH et le binaire. Juste pour clarifier un binaire et un exécutable, faites essentiellement la même chose, qui consiste à exécuter un package ou une application. ei webpack ... exécute le package de nœud webpack.

Sous Windows et Linux, il existe un dossier binaire global. Sous Windows, je pense que cela ressemble à C: // Windows/System32 et sous Linux, à usr/bin. Lorsque vous ouvrez l'invite terminal/command, son profil lie la variable PATH au dossier bin global afin que vous puissiez exécuter des packages/applications à partir de celle-ci.

Ma meilleure hypothèse est que l'installation de Webpack à l'échelle mondiale n'a peut-être pas réussi à placer le fichier exécutable dans le dossier binaire global. Sans l'exécutable, vous obtiendrez un message d'erreur. Cela pourrait être un autre problème, mais il est prudent de dire que si vous lisez ceci, exécuter webpack au niveau mondial ne fonctionne pas pour vous.

Ma solution à ce problème consiste à supprimer l'exécution de WebPack globalement et à associer PATH au dossier binaire node_module, qui est /node_modules/.bin.

LES FENÊTRES: Ajoutez node_modules/.bin à votre PATH . Ici est un tutoriel sur la modification de la variable PATH dans Windows.

LINUX: Allez à la racine de votre projet et exécutez ceci ...

export PATH:$PWD/node_modules/.bin:$PATH 

Sous Linux, vous devrez exécuter cette commande à chaque fois que vous ouvrez votre terminal. This link ici vous montre comment modifier en permanence votre variable PATH.

2
Jed Lynch

Ouvrez la commande npm Prompt et - cd solution folder Puis , Lancez simplement npm link webpack dans NPM cmd prommt et re buildez ..

1
SAIRAM

Sur Windows, j’ai observé que ce problème se présentait si vous n’aviez pas les droits d’administrateur (c’est-à-dire que vous n’êtes pas un administrateur local) sur la machine.

Comme quelqu'un l’a suggéré, la solution semble être d’installer localement en n’utilisant pas l’indicateur -g.

1
dev.bv

Vous pouvez essayer ça.

npm install --only=dev

Ça marche pour moi.

0
aermin

Rien de ce qui a été suggéré ci-dessus n'a fonctionné pour moi (y compris la variable NODE_PATH). J'ai créé un lien sym de "node_modules" à partir de mon dossier local vers le global AppData (par exemple, ci-dessous) et cela a fonctionné comme un charme.

C:\Users\mmoinuddin\AppData\Roaming\npm>mklink /D node_modules c:\essportreact\day1\node_modules
symbolic link created for node_modules <<===>> c:\essportreact\day1\node_modules
C:\essportreact\day1>webpack
Hash: 2a82a67f90f9aa05ab4a
Version: webpack 1.15.0
0
Mazhar

Je viens de découvrir que l’utilisation de Atom IDE terminal n’a pas installé les dépendances localement (probablement un bogue ou juste moi). L'installation de git bash en externe et l'exécution de commandes npm ont encore fonctionné pour moi

0
Oladayo agbolade

J'ai eu une tonne de problèmes pour obtenir une application très simple .NET Core 2.0 à intégrer dans VS 2017. C'est l'erreur d'AppVeyor, mais c'était essentiellement la même chose localement (quelques chemins omis pour la sécurité):

Exécution de la première version de Webpack Build ...

module.js: 327 jeter err;

EXEC: erreur: impossible de trouver le module '......../node_modules/webpack/bin/webpack.js'

à Function.Module._resolveFilename (module.js: 325: 15)

à Function.Module._load (module.js: 276: 25)

à Function.Module.runMain (module.js: 441: 10)

au démarrage (node.js: 140: 18)

à node.js: 1043: 3

csproj (25,5): erreur MSB3073: la commande "noeud_modules_noeud/webpack/bin/webpack.js --config webpack.config.vendor.js" a été exécutée avec le code 1.

Échec de construction.

Je suis tombé sur cette question et cette réponse , et j'ai remarqué que mon instance locale avait également le même signe d'avertissement sur le dossier {Project Root} -> Dependencies -> npm. En cliquant avec le bouton droit de la souris et en cliquant sur «Restaurer les packages», tout a été chargé correctement et j'ai pu construire correctement. 

0
X3074861X

pour moi, c'est un faux retour d'erreur.

il y avait une erreur de configuration dans webpack.config.js

supprimer le fichier et recommencer résolu mon problème 

0
Liang