Erreur: impossible de trouver le module 'webpack'

Je ne fais que commencer avec webpack et j'ai du mal à créer l' exemple à points d'entrée multiples . 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

D'autres recherches 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.

Lier le package installé globalement à votre projet

npm link webpack

Tout en travaillant sur Windows, j'ai installé webpack localement et cela a résolu mon problème

Donc, sur votre invite de commande, allez dans le répertoire dans lequel vous voulez exécuter webpack, installez webpack localement (sans le -g) et profitez ...

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

Nodejs ne trouve pas le module installé sur Windows?

"Ajoutez une variable d'environnement appelée NODE_PATHet définissez-la sur %USERPROFILE%\Application Data\npm\node_modules(Windows XP), %AppData%\npm\node_modules(Windows 7) ou partout où npm finit par installer les modules sur votre version Windows. Pour en finir une fois pour toutes, ajoutez-la en tant que 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 réellement utiliser une autre variable d'environnement dans la valeur de NODE_PATH. Autrement dit, ne copiez pas et collez simplement cette chaîne ci-dessus, mais définissez-la sur un chemin résolu réel commeC:\Users\MYNAME\AppData\Roaming\npm\node_modules

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, surtout avec -f, veuillez noter qu'avant de l'exécuter !!!!!

Exécutez les commandes ci-dessous dans le terminal:

npm install --save-dev webpack

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

J'avais ce problème sur OS X et cela semblait être dû à une incompatibilité de version entre mon installation globale webpacket mon installée localement webpack-dev-server. La mise à jour des deux vers la dernière version a résolu le problème.

Si vous avez installé un package de nœuds et que vous recevez toujours un message indiquant que le package n'est pas défini, vous pouvez avoir un problème avec la liaison PATH vers 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œuds webpack.

Dans Windows et Linux, il existe un dossier binaire global. Sous Windows, je crois que c'est quelque chose comme C: // Windows / System32 et sous Linux c'est usr / bin. Lorsque vous ouvrez le terminal / l'invite de commande, son profil lie la variable PATH au dossier bin global afin que vous puissiez exécuter des packages / applications à partir de celui-ci.

Ma meilleure hypothèse est que l'installation globale de webpack 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 êtes ici en train de lire ceci, exécuter webpack globalement ne fonctionne pas pour vous.

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

WINDOWS: ajoutez node_modules / .bin à votre PATH. Voici un tutoriel sur la façon de modifier 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 ouvrirez votre terminal. Ce lien vous montre ici comment modifier de manière permanente votre variable PATH.

Sur Windows, j'ai observé que ce problème apparaît si vous n'avez pas de droits administratifs (c'est-à-dire que vous n'êtes pas un administrateur local) sur la machine.

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

Ouvrez l'invite de commande npm et le dossier de solution - cd, puis exécutez simplement npm link webpack dans NPM cmd prommt et reconstruisez.

Vous pouvez essayer ceci.

npm install --only=dev

Ça marche pour moi.

Rien de suggéré ci-dessus n'a fonctionné pour moi (y compris la variable NODE_PATH). J'ai créé un lien sym de "node_modules" de mon dossier local vers le global AppData (par exemple ci-dessous) et cela a fonctionné comme du 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

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

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

il y a eu une erreur de configuration dans webpack.config.js ,

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

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

Exécution de la première génération de Webpack ...

module.js: 327 throw 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 "node_noeud_modules / webpack / bin / webpack.js --config webpack.config.vendor.js" s'est terminée avec le code 1.

Échec de construction.

Je suis tombé sur cette question et réponse , et j'ai remarqué que mon instance locale avait également le même panneau d'avertissement sur le {Project Root} -> Dependencies -> npmdossier. Un clic droit et une pression sur "Restaurer les packages" ont tout chargé correctement, et j'ai pu construire avec succès.

npm link webpack a fonctionné pour moi.

Ma configuration Webpack: "webpack": "^ 4.41.2", "webpack-dev-server": "^ 3.9.0", "webpack-cli": "^ 3.3.10"

L'installation de Webpack et de CLI dans le monde a fonctionné pour moi.

npm i -g webpack webpack-cli