i keep getting this error when i start the code below

0
votes

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

[email protected] 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

1
node.jsreactjswebpack
Have you ran npm install? – Areg
yes i have ran that – G-guy
Would recommend you to delete node_modules folder and package.lock.json and install again – Areg
yes i started all over again earlier and ended up getting the same error, i do not know where i went wrong – G-guy
Does this answer your question? Cannot find module 'webpack/bin/config-yargs' – Areg

1 Answers

0
votes

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"