i keep getting this error when i start the code below

Question

C:\Users\georg\Desktop\reactapp>npm start

reactapp@1.0.0 start webpack-dev-server --hot

node:internal/modules/cjs/loader:927 throw err; ^

Error: Cannot find module 'webpack-cli/bin/config-yargs' Require stack:

C:\Users\georg\Desktop\reactapp\node_modules\webpack-dev-server\bin\webpack-dev-server.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:924:15) at Function.Module._load (node:internal/modules/cjs/loader:769:27) at Module.require (node:internal/modules/cjs/loader:996:19) at require (node:internal/modules/cjs/helpers:92:18) at Object. (C:\Users\georg\Desktop\reactapp\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1) at Module._compile (node:internal/modules/cjs/loader:1092:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1121:10) at Module.load (node:internal/modules/cjs/loader:972:32) at Function.Module._load (node:internal/modules/cjs/loader:813:14) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:76:12) { code: 'MODULE_NOT_FOUND', requireStack: [ 'C:\Users\georg\Desktop\reactapp\node_modules\webpack-dev-server\bin\webpack-dev-server.js' ] }

this is the error above.

{ "name": "reactapp", "version": "1.0.0", "description": "Individual Project", "main": "index.js", "scripts": { "start": "webpack-dev-server --hot" }, "keywords": [ "npm", "Individual", "project" ], "author": "George Ashinze", "license": "UNLICENSED", "dependencies": { "babel-core": "^6.26.3", "babel-loader": "^8.2.2", "babel-preset-es2015": "^6.24.1", "babel-preset-react": "^6.24.1", "react": "^17.0.2", "react-dom": "^17.0.2", "webpack": "^5.38.1", "webpack-dev-server": "^3.11.2" }

} this is my package.json file above

Would recommend you to delete node_modules folder and package.lock.json and install again — Areg, Jun 01 '21 at 15:33
yes i started all over again earlier and ended up getting the same error, i do not know where i went wrong — G-guy, Jun 01 '21 at 15:37
Does this answer your question? [Cannot find module 'webpack/bin/config-yargs'](https://stackoverflow.com/questions/40379139/cannot-find-module-webpack-bin-config-yargs) — Areg, Jun 01 '21 at 15:38

score 0 · Answer 1 · answered Jun 01 '21 at 14:43

0

possible solutions are

update your webpack version, OR If you're using webpack-cli 4 or webpack 5, change webpack-dev-server to webpack serve.

Example:

"serve": "webpack serve --config config/webpack.dev.js --progress"

answered Jun 01 '21 at 14:43

Nabeel Sajid

193
6

i am using "webpack": "^5.38.1" – G-guy Jun 01 '21 at 15:29
[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. this is what happens when i use webpack serve – G-guy Jun 01 '21 at 15:32

i keep getting this error when i start the code below

1 Answers1