Erreur : Impossible de trouver le module 'webpack/lib/node/NodeTemplatePlugin'

Question

J'ai obtenu cette erreur après avoir lancé webpack. Webpack est installé globalement et j'utilise Node

PS D:\Projects\ng2-admin-master> ng serve
Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (D:\Projects\ng2-admin-master\node_modules\html-webpack-plugin\lib\compiler.js:11:26)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (D:\Projects\ng2-admin-master\node_modules\html-webpack-plugin\index.js:7:21)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
PS D:\Projects\ng2-admin-master>

Answer 1

Mise à jour (avril 2018)

À partir de Webpack 4, vous devez installer webpack-cli . Vous pouvez également installer webpack-dev-middleware si vous avez besoin d'utiliser les options marquées d'une clé sur l'icône cette page .

Dans ce cas, la commande d'installation est la suivante :

npm install --save-dev webpack webpack-cli html-webpack-plugin webpack-dev-server webpack-dev-middleware

Comme indiqué plus haut, webpack-dev-middleware peuvent être ajoutés en fonction de vos besoins.

Réponse plus ancienne

Node vous demande d'installer webpack dans votre projet.

Vous avez deux possibilités pour résoudre ce problème :

1. Supprimer la version globale de webpack et l'installer localement

   npm uninstall -g webpack
   npm install --save-dev html-webpack-plugin webpack webpack-dev-server

2. Vous pouvez lier le pkg global webpack aux modules node de votre projet. L'inconvénient est que votre projet sera forcé d'utiliser la plupart des mises à jour de webpack. Cela ne posera un problème que si certaines mises à jour ne sont pas rétrocompatibles.

   npm i webpack -g; npm link webpack --save-dev

Vous pouvez omettre le plugin html-webpack en fonction de vos besoins.

Vous pouvez trouver plus d'informations à ce sujet page de problème github .

Answer 2

J'ai rencontré un problème similaire lors de la mise à jour de mon application Angular à l'aide de ncu . J'ai finalement résolu le problème en :

• retirer le node_modules répertoire
• supprimer package-lock.json
• réinstaller les paquets.

Vous pouvez l'exécuter dans PowerShell (assurez-vous d'être dans le bon répertoire de travail) :

rm node_modules -r -force
rm package-lock.json
npm cache verify
npm install

Answer 3

Contexte :

J'ai eu ce problème avec une application React.

J'ai essayé de désinstaller webpack globalement et localement, j'ai aussi supprimé le dossier local. node_modules , réinstallé tous les modules npm locaux (avec npm install ), etc.

Rien ne fonctionnait, jusqu'à ce que je fasse ceci...

---

Solution :

1. Retirer package-lock.json & node_modules .
2. Ne supprimez pas les autres fichiers (comme : package.json , index.js ...)
3. Installer tous les paquets ( npm extrait des informations pour l'installation de package.json ) avec npm install === npm i .
4. Maintenant, exécutez votre code et voila !

Answer 4

J'ai essayé pendant des heures presque tout ce qui est suggéré dans les différents fils de discussion sur Stack overflow mais rien n'a fonctionné. Finalement (avec beaucoup de chance) j'ai essayé ceci et ça a marché :

deleted node_modules library (not sure if required)
npm install -g @angular/cli
npm install @angular/cli
npm install

Answer 5

Vérifier webpack.config.js et s'assurer que toutes les dépendances sont installées.

J'ai eu le même problème. Il a été résolu en installant html-webpack-plugin dépendance. Elle a été définie dans mon webpack.config.js mais pas installé.