Error: Cannot find module - webpack-dev-server.js

Question

I am building a react app from scratch. Usually, I am running the npm create-react-app and it generates everything for you. I am following this tutorial https://www.youtube.com/watch?v=deyxI-6C2u4&ab_channel=TraversyMedia and it has the GitHub repository in the description. The problem is - when i run "npm start" it should run this command

webpack-dev-server --mode development --open --hot

which is written here in the package.json

"scripts": {
    "start": "webpack-dev-server --mode development --open --hot",
    "build": "./node_modules/.bin/webpack --mode production"
  },

The command works if I am running it manually, but with npm start, it gives the following error

PS D:\React&Webpack4 boilerplate> npm start

> [email protected] start D:\React&Webpack4 boilerplate
> webpack-dev-server --mode development --open --hot

'Webpack4' is not recognized as an internal or external command,
operable program, or batch file.
internal/modules/cjs/loader.js:968
  throw err;
  ^

Error: Cannot find module 'D:\...\webpack-dev-server.js'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15)
    at Function.Module._load (internal/modules/cjs/loader.js:841:27)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
    at internal/main/run_main_module.js:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `webpack-dev-server --mode development --open --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\***\AppData\Roaming\npm-cache\_logs\2020-09-30T18_11_15_755Z-debug.log

You are having path setting issues for webpack

Paveloosha
– Paveloosha

2020-09-30 18:25:09 +00:00
Commented Sep 30, 2020 at 18:25 — Paveloosha
– Paveloosha, Commented Sep 30, 2020 at 18:25
i guess it's installed in the node modules

kakakakakakakk
– kakakakakakakk

2020-10-01 11:10:29 +00:00
Commented Oct 1, 2020 at 11:10 — kakakakakakakk
– kakakakakakakk, Commented Oct 1, 2020 at 11:10

liuliang · Accepted Answer · 2020-12-24 07:21:24Z

1

I run into the same issue above. You can try the following:

"scripts": {
    "start": "webpack-dev-server --open --hot",
    "build": "./node_modules/.bin/webpack --mode production"
  },

answered Dec 24, 2020 at 7:21

liuliang

4521 gold badge4 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mohamed khounti · Accepted Answer · 2020-09-30 22:24:08Z

0

install it globally and try to add webpack path to local variables.

answered Sep 30, 2020 at 22:24

mohamed khounti

861 silver badge7 bronze badges

Collectives™ on Stack Overflow

Error: Cannot find module - webpack-dev-server.js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related