node.js - Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'

Question

Got this Error after running webpack. Webpack is installed globally and I'm running Node

PS D:Projects
g2-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
g2-admin-master
ode_moduleshtml-webpack-pluginlibcompiler.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
g2-admin-master
ode_moduleshtml-webpack-pluginindex.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
g2-admin-master>

Answer 1

Update (Apr 2018)

Webpack 4 onwards you are required to install webpack-cli. You may also want to install webpack-dev-middleware if you need to use the options marked with a key on this page.

In this case the command to install is:

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

As mentioned above, webpack-dev-middleware should be optionally added based on your requirements.

Older answer

Node requires you to install webpack to your project.

You have 2 options to solve the above:

1. Remove global webpack and install it locally

    npm install --save-dev html-webpack-plugin webpack webpack-dev-server```
   
   
   

2. You can link the global webpack pkg to your project's node modules. The downside of this is that your project will be forced to use most updated webpack. This will create a problem only when some updates are not backwards compatible.

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

You can omit the html-webpack-plugin depending on your requirement.

You can find more info on this github issue page.

---