Vous avez cette erreur après avoir exécuté webpack. Webpack est installé dans le monde entier 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>
Node vous oblige à installer Webpack sur votre projet.
Vous avez 2 options pour résoudre le problème ci-dessus:
Supprimer le pack Web global et l'installer localement
npm uninstall -g webpack
npm install --save-dev html-webpack-plugin webpack webpack-dev-server
Vous pouvez lier le package Webpack global aux modules de noeud de votre projet. L'inconvénient est que votre projet sera obligé d'utiliser le Webpack le plus récent. Cela créera un problème uniquement lorsque certaines mises à jour ne sont pas compatibles avec les versions antérieures.
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 sur cette page github .
Mise à jour (avril 2018)
Webpack 4 à partir de maintenant, vous devez installer webpack-cli
. Vous voudrez peut-être aussi installer webpack-dev-middleware
si vous devez utiliser les options marquées d'une clé sur cette page .
Dans ce cas, la commande à installer est la suivante:
npm install --save-dev webpack webpack-cli html-webpack-plugin webpack-dev-server webpack-dev-middleware
.
Comme mentionné ci-dessus, webpack-dev-middleware
devrait éventuellement être ajouté en fonction de vos besoins.
J'ai rencontré un problème similaire lors de la mise à jour de mon Angular app en utilisant ncu
. Enfin résolu en supprimant les node_modules et le package-lock.json et réinstallez les packages.
Vous pouvez l'exécuter dans PowerShell (assurez-vous que vous vous trouvez dans le bon répertoire de travail):
rm node_modules -r -force
rm package-lock.json
npm cache verify
npm install
J'ai essayé pendant des heures presque tout suggéré sur différents threads sur Stack Overflow mais rien ne fonctionnait Finalement (avec beaucoup de chance) j'ai essayé ceci et cela a fonctionné:
deleted node_modules library (not sure if required)
npm install -g @angular/cli
npm install @angular/cli
npm install
Le contexte:
J'ai eu ce problème avec une application React.
J'ai essayé de désinstaller webpack globalement et localement, de supprimer le dossier local node_modules
, de réinstaller tous les modules npm locaux (avec npm install
), etc.
Rien n'a fonctionné jusqu'à ce que je fasse ça ...
Solution:
package-lock.json
& node_modules
.package.json
, index.js
...)npm
extrait les informations pour l'installation à partir de package.json
) avec npm install
=== npm i
.Supprimez le package-lock.json et essayez l’installation de npm afin de résoudre le problème.
Vérifiez webpack.config.js
et assurez-vous que toutes les dépendances sont installées.
J'avais aussi le même problème. Il a été résolu en installant la dépendance html-webpack-plugin
. Il a été défini dans mon webpack.config.js
mais pas installé.