nx: Cannot find module 'webpack' on fresh installation

I have a fresh installation of NX for React project; I got this message when try to serve the React project from VSCode NX toolkit.

> Executing task: nx serve fe-ui-compoents <


> nx run fe-ui-compoents:serve 
Cannot find module 'webpack'
Require stack:
- /Users/nv/projects/x/y/node_modules/webpack-dev-server/lib/Server.js
- /Users/nv/projects/x/y/node_modules/@nrwl/web/src/executors/dev-server/dev-server.impl.js
- /Users/nv/projects/x/y/node_modules/@nrwl/tao/src/shared/workspace.js
- /Users/nv/projects/x/y/node_modules/@nrwl/tao/src/commands/run.js
- /Users/nv/projects/x/y/node_modules/@nrwl/tao/index.js
- /Users/nv/projects/x/y/node_modules/@nrwl/cli/lib/run-cli.js

———————————————————————————————————————————————

>  NX   ERROR  Running target "fe-ui-compoents:serve" failed

  Failed tasks:
  
  - fe-ui-compoents:serve

About this issue

  • Original URL
  • State: closed
  • Created 3 years ago
  • Reactions: 6
  • Comments: 30 (2 by maintainers)

Most upvoted comments

Same problem here after a fresh installation, using angular project, solved with:

npm install --save-dev webpack

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

I faced the same problem with

  • npx create-nx-workspace -> preset: empty
  • npm i --save-dev @nrwl/angular
  • npx nx g @nrwl/angular:application -> name: app
  • npx nx run app:build

Installed nx version is 13.3.1

Resulting in

Cannot find module 'webpack'
Require stack:
- C:\Users\felix\Documents\development\felixlemke\node_modules\@angular-devkit\build-webpack\src\webpack\index.js
- C:\Users\felix\Documents\development\felixlemke\node_modules\@angular-devkit\build-webpack\src\index.js
- C:\Users\felix\Documents\development\felixlemke\node_modules\@angular-devkit\build-angular\src\builders\browser\index.js
- C:\Users\felix\Documents\development\felixlemke\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js
- C:\Users\felix\Documents\development\felixlemke\node_modules\@angular-devkit\architect\node\index.js
- C:\Users\felix\Documents\development\felixlemke\node_modules\@nrwl\tao\src\commands\ngcli-adapter.js
- C:\Users\felix\Documents\development\felixlemke\node_modules\@nrwl\tao\src\commands\run.js
- C:\Users\felix\Documents\development\felixlemke\node_modules\@nrwl\tao\index.js
- C:\Users\felix\Documents\development\felixlemke\node_modules\@nrwl\cli\lib\run-cli.js

Resolved the build and serve target issue by installing webpack manually:

npm i --save-dev webpack

Same thing here after upgrade.

Cannot find module ‘webpack’ Require stack:

  • /Users/caiorolla/projects/nui/node_modules/@angular-devkit/build-webpack/src/webpack/index.js
  • /Users/caiorolla/projects/nui/node_modules/@angular-devkit/build-webpack/src/index.js
  • /Users/caiorolla/projects/nui/node_modules/@angular-devkit/build-angular/src/dev-server/index.js
  • /Users/caiorolla/projects/nui/node_modules/@angular-devkit/architect/node/node-modules-architect-host.js
  • /Users/caiorolla/projects/nui/node_modules/@angular-devkit/architect/node/index.js
  • /Users/caiorolla/projects/nui/node_modules/@nrwl/tao/src/commands/ngcli-adapter.js
  • /Users/caiorolla/projects/nui/node_modules/@nrwl/tao/src/commands/run.js
  • /Users/caiorolla/projects/nui/node_modules/@nrwl/tao/index.js
  • /Users/caiorolla/projects/nui/node_modules/@nrwl/cli/lib/run-cli.js

I got this error because I had two dependencies (webpack-dev-server and @types/webpack) that required different versions of webpack as their own dependency. This caused webpack to be installed in the subdirectories of those dependencies instead of directly at the root of the node_modules directory (i.e. node_modules/webpack). Once I removed @types/webpack from my devDependencies, deleted my package-lock.json and node_modules, and ran npm i, webpack was installed to node_modules/webpack, and the issue went away.

@peterblazejewicz Yes I too got the same issue and had to install webpack manually using below command: npm i --save-dev webpack It resolved my issue