Error: Cannot find module 'webpack/bin/config-yargs' #27

nurbek-ab · 2018-03-19T12:48:43Z

I'am using webpack 4 and when trying to run my tests with this package I get the following error:

> cross-env NODE_ENV=test jest-webpack

module.js:540
    throw err;
    ^

Error: Cannot find module 'webpack/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:538:15)
    at Function.Module._load (module.js:468:25)
    at Module.require (module.js:587:17)
    at require (internal/module.js:11:18)
    at run (C:\Users\Me\Projects\MyProject\node_modules\jest-webpack\jest-webpack.js:24:5)
    at Object.<anonymous> (C:\Users\Me\Projects\MyProject\node_modules\jest-webpack\jest-webpack.js:69:3)
    at Module._compile (module.js:643:30)
    at Object.Module._extensions..js (module.js:654:10)
    at Module.load (module.js:556:32)
    at tryModuleLoad (module.js:499:12)
npm ERR! Test failed.  See above for more details.

The text was updated successfully, but these errors were encountered:

nurbek-ab · 2018-03-19T13:18:37Z

My package.json:

{
  ...
  "scripts": {
    "start": "cross-env NODE_ENV=development webpack-dev-server --debug --watch --config webpack.dev.js",
    "build": "cross-env NODE_ENV=production webpack -p --config webpack.prod.js",
    "test": "cross-env NODE_ENV=test jest-webpack --verbose --no-cache"
  },
  "devDependencies": {
    ...
    "jest": "^22.4.2",
    "jest-webpack": "^0.4.0",
    "webpack": "^4.1.1",
    "webpack-cli": "^2.0.12",
    "webpack-dev-server": "^3.1.1",
    "webpack-merge": "^4.1.2"
  }
}

therise3107 · 2018-03-19T16:46:50Z

I'm also facing the same issue

chvid · 2018-03-26T07:18:40Z

I don't webpack 4 is supported at present. In webpack 4 config-yargs sits inside webpack-cli.

zz-james · 2018-05-14T16:10:10Z

wtf? how do I fix this?

ssthil · 2018-05-15T11:15:33Z

I had faced the same issue since I am using webpack 4.8.3 then I have been installed yarn add -D webpack-cli and works perfectly.

my package.json: FYR

"devDependencies": {
"webpack": "^4.8.3",
"webpack-cli": "^2.1.3",
"webpack-dev-server": "^3.1.4"
}

tchakabam · 2018-05-15T20:51:31Z

I had this issue as I had webpack-dev-server v2.x installed against webpack v4.

now, updated to dev-server v3 and it works.

    "webpack": "^4.8.3",
    "webpack-cli": "^2.1.3",
    "webpack-dev-server": "^3.1.4",

quinn · 2018-06-07T19:47:58Z

I am also having this issue, and i have webpack-cli installed. this issue makes sense, since webpack/bin/config-yargs has been moved to webpack-cli/bin/config-yargs.

ajchandrawat · 2018-06-08T07:15:19Z

C:\rjs>npm run start

rjs@1.0.0 start C:\rjs
webpack-dev-server --hot

× ｢wds｣: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

configuration.module has an unknown property 'loaders'. These properties are valid:
object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, noParse?, rules?, defaultRules?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? }
-> Options affecting the normal modules (NormalModuleFactory).
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! rjs@1.0.0 start: webpack-dev-server --hot
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the rjs@1.0.0 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\User\AppData\Roaming\npm-cache_logs\2018-06-08T07_01_09_959Z-debug.log

I am facing this issue, help me out

nurbek-ab · 2018-06-08T07:58:52Z

@ajchandrawat your issue is not related to this topic.

brien-givens · 2018-06-13T23:57:40Z

I also have this issue - I have webpack, webpack-cli, and webpack-dev-server all installed and up to date:

    "webpack": "^4.12.0",
    "webpack-cli": "^3.0.6",
    "webpack-dev-server": "^3.1.4"

error:

> jest-webpack

internal/modules/cjs/loader.js:596
    throw err;
    ^

Error: Cannot find module 'webpack/bin/config-yargs'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:594:15)
    at Function.Module._load (internal/modules/cjs/loader.js:520:25)
    at Module.require (internal/modules/cjs/loader.js:650:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at run (/Users/brien/stockup/stark/node_modules/jest-webpack/jest-webpack.js:24:5)
    at Object.<anonymous> (/Users/brien/stockup/stark/node_modules/jest-webpack/jest-webpack.js:69:3)
    at Module._compile (internal/modules/cjs/loader.js:702:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10)
    at Module.load (internal/modules/cjs/loader.js:612:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:551:12)

quinn · 2018-06-14T09:53:54Z

this package is not compatible with the latest stable release of webpack.

harvey56 · 2018-06-29T12:17:34Z

@quinn : can you elaborate ? I have the same issue as OP and as @brien-givens. From what I understand, installing webpack-cli solves the issue in many cases, however I have it installed.

I have the latest versions installed as of today :
"webpack": "^4.13.0", "webpack-cli": "^3.0.8", "webpack-dev-server": "^3.1.4"

xubeng · 2018-06-30T11:11:52Z

@harvey56 I have the same problem as you, I have not fixed it.

msajjad650 · 2018-08-24T19:25:58Z

@tchakabam Thank I solved the issue

raybon-lee · 2018-09-11T07:31:46Z

@tchakabam very nice!

quanzhiyuan · 2018-10-30T03:18:51Z

mark

yury-kozlov · 2019-02-10T02:10:41Z

updating webpack-dev-server helped. thanks!

brandonparis · 2019-05-05T15:18:55Z

I'm still having issues with this, have tried all of the above.

in devDependencies:

    "webpack": "^4.5.0",
    "webpack-cli": "3.3.1",
    "webpack-dev-server": "^3.3.1"

Every time I try to run webpack-dev-server --config webpack.dev.config.js I get the same error:

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
    at Function.Module._load (internal/modules/cjs/loader.js:507:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (/usr/local/lib/node_modules/webpack-dev-server/bin/webpack-dev-server.js:86:1)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)

At a loss, can anybody help?

0x53A · 2019-05-06T12:28:33Z

@Brandonprs

I had the same error message with webpack-dev-server@3.1.10 and webpack-cli@3.3.2.

Downgrading webpack-cli to 3.3.0 helped me.

Aid19801 · 2019-05-22T12:21:22Z

Why is this issue closed? Is there a solution now?

quinn · 2019-05-22T13:03:11Z

@Aid19801 seems that way: #29

brandonparis · 2019-05-22T14:20:59Z

@0x53A It actually had turned out to be something weird where I had started using yarn instead of npm and the yarn.lock was throwing everything awry. Removing all references to yarn and doing a full rm -rf node_modules/ package-lock.json seemed to solve the issue

dimun · 2019-05-22T21:29:31Z

My current solution was to upgrade to:
"webpack-dev-server": "3.4.1"

ashishnitinpatil · 2019-06-28T22:31:57Z

Following versioning worked for me:

"webpack": "4.35.0",
"webpack-cli": "3.3.5",
"webpack-dev-server": "3.7.2",

forrestblade · 2019-07-04T14:46:10Z

I cannot find a solution for this. here is my dev dependencies

jackrobertscott · 2019-07-08T05:08:19Z

I am also getting this issue with the latest versions of all packages:

{
  "devDependencies": {
    "webpack": "^4.35.2",
    "webpack-cli": "^3.3.5",
    "webpack-dev-server": "^3.7.2"
  },
}

This is the error which is returned:

yarn run v1.13.0
$ webpack-dev-server
The CLI moved into a separate package: webpack-cli
Please install 'webpack-cli' in addition to webpack itself to use the CLI
-> When using npm: npm i -D webpack-cli
-> When using yarn: yarn add -D webpack-cli
internal/modules/cjs/loader.js:615
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:613:15)
    at Function.Module._load (internal/modules/cjs/loader.js:539:25)
    at Module.require (internal/modules/cjs/loader.js:667:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (/Users/jackscott/Documents/workspace/widgets/node_modules/webpack-dev-server/bin/webpack-dev-server.js:60:1)
    at Module._compile (internal/modules/cjs/loader.js:738:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:749:10)
    at Module.load (internal/modules/cjs/loader.js:630:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:570:12)
    at Function.Module._load (internal/modules/cjs/loader.js:562:3)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

jackrobertscott · 2019-07-08T05:19:07Z

My solution was to remove hoisting from my yarn workspace i.e. in my root package.json

{
  "workspaces": {
    "packages": ["packages/*"],
    "nohoist": ["**"]
  }
}

xeontem · 2019-07-25T09:51:12Z

had the same issue. Updating dev-server solved it.

xuya227939 · 2019-08-10T03:34:52Z

Updating webpack-dev-server@3.4.1 thanks!

cmaliwal · 2019-11-07T08:29:18Z

I am also facing the same issue.

internal/modules/cjs/loader.js:605
    throw err;
    ^

Error: Cannot find module 'yargs'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:603:15)
    at Function.Module._load (internal/modules/cjs/loader.js:529:25)
    at Module.require (internal/modules/cjs/loader.js:657:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (/usr/lib/nodejs/webpack/bin/webpack.js:16:13)
    at Module._compile (internal/modules/cjs/loader.js:721:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:732:10)
    at Module.load (internal/modules/cjs/loader.js:620:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:560:12)
    at Function.Module._load (internal/modules/cjs/loader.js:552:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:774:12)
    at executeUserCode (internal/bootstrap/node.js:499:15)
    at startMainThreadExecution (internal/bootstrap/node.js:436:3)

My dependencies:

"webpack": "^4.41.2",
 "webpack-cli": "^3.3.10",
 "webpack-dev-server": "^3.9.0"

Expecting stable solution. :)

saurabhkanswal · 2019-11-15T16:19:25Z

I am also facing the same issue.

internal/modules/cjs/loader.js:605
    throw err;
    ^

Error: Cannot find module 'yargs'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:603:15)
    at Function.Module._load (internal/modules/cjs/loader.js:529:25)
    at Module.require (internal/modules/cjs/loader.js:657:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (/usr/lib/nodejs/webpack/bin/webpack.js:16:13)
    at Module._compile (internal/modules/cjs/loader.js:721:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:732:10)
    at Module.load (internal/modules/cjs/loader.js:620:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:560:12)
    at Function.Module._load (internal/modules/cjs/loader.js:552:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:774:12)
    at executeUserCode (internal/bootstrap/node.js:499:15)
    at startMainThreadExecution (internal/bootstrap/node.js:436:3)

My dependencies:

"webpack": "^4.41.2",
 "webpack-cli": "^3.3.10",
 "webpack-dev-server": "^3.9.0"

Expecting stable solution. :)

@cmaliwal any update issue?

vanderlin · 2019-11-19T19:53:30Z

This works for me

"webpack": "^4.8.3",
"webpack-cli": "3.3.0",
"webpack-dev-server": "^3.1.4"

tsungjung411 · 2019-11-20T09:26:19Z

I am also having this issue, and i have webpack-cli installed. this issue makes sense, since webpack/bin/config-yargs has been moved to webpack-cli/bin/config-yargs.

According to your comment, I solved this by:
(1) $ npm install webpack-cli
(2) modify package.json
Before: "webpack-dev-server": "^2.9.1"
After: "webpack-dev-server": "^3.9.0"
(3) update package.json
$ npm install

And it worked for me.

mahinourrelsheikh · 2020-03-19T16:47:36Z

After npm install webpack-cli and changing your dependencies in package.json , you should delete your package-lock.json file then do npm install again

alfrededison · 2020-05-13T09:30:27Z

with latest jest-webpack and webpack-cli, I used this configuration to run

"jest": "^23.1.0",
"jest-webpack": "^0.5.1",
"webpack-cli": "~3.0.0",

Since webpack-cli changed its folder structure for later version

VivekkChudasama · 2020-08-09T12:37:22Z

I'm also facing the same issue

suplakite · 2020-10-12T09:29:02Z

https://medium.com/@cyishere/error-cannot-find-module-webpack-cli-bin-config-yargs-6d704533062a

Versions from this article helped me fix the problem

jcole099 · 2020-10-12T11:30:07Z

@suplakite Thanks a bunch! That worked for me.

I used the following versions to make webpack dev server work:
webpack 4.32.2
webpack-cli 3.3.2
webpack-dev-server 3.5.1

vinaymcscet · 2021-05-24T07:25:12Z

My package.json is this -
{
"name": "webpack-course",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1",
"dev": "webpack serve"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"@webpack-cli/init": "^1.1.3",
"webpack-dev-server": "^3.11.2"
},
"devDependencies": {
"webpack": "^5.37.1",
"webpack-cli": "^4.7.0"
}
}

But still getting the same issue.

GMartigny mentioned this issue Apr 20, 2018

Tests are broken in webpack 4 pencil-js/pencil.js#14

Closed

mzgoddard mentioned this issue Jun 30, 2018

feat: fix webpack 4 support #29

Merged

mzgoddard closed this as completed in #29 Jul 1, 2018

This was referenced Aug 15, 2018

Error: Cannot find module 'webpack/bin/config-optimist' webpack/webpack#7893

Closed

Error: Cannot find module 'webpack/bin/config-optimist' webpack/webpack-dev-server#1459

Closed

bmihelac mentioned this issue Aug 23, 2018

Unable to run test-source-map webpack-contrib/sass-loader#605

Closed

baixiaoji mentioned this issue Sep 15, 2018

修改了ts，导致webpack一堆报错 baixiaoji/vue-ts#1

Closed

remaininlight mentioned this issue Aug 26, 2019

Also look for webpack-cli config-yargs in new location #42

Open

JGFMK mentioned this issue Dec 24, 2020

Webpack Dev Server won't run. Advice on what versions will be compatible and don't give audit warnings. webpack/webpack-dev-server#2941

Closed

1 task

Error: Cannot find module 'webpack/bin/config-yargs' #27

Error: Cannot find module 'webpack/bin/config-yargs' #27

Comments

nurbek-ab commented Mar 19, 2018

nurbek-ab commented Mar 19, 2018 • edited Loading

therise3107 commented Mar 19, 2018

chvid commented Mar 26, 2018

zz-james commented May 14, 2018

ssthil commented May 15, 2018

tchakabam commented May 15, 2018 • edited Loading

quinn commented Jun 7, 2018

ajchandrawat commented Jun 8, 2018

nurbek-ab commented Jun 8, 2018

brien-givens commented Jun 13, 2018 • edited Loading

quinn commented Jun 14, 2018

harvey56 commented Jun 29, 2018

xubeng commented Jun 30, 2018

msajjad650 commented Aug 24, 2018

raybon-lee commented Sep 11, 2018

quanzhiyuan commented Oct 30, 2018

yury-kozlov commented Feb 10, 2019

brandonparis commented May 5, 2019

0x53A commented May 6, 2019

Aid19801 commented May 22, 2019

quinn commented May 22, 2019

brandonparis commented May 22, 2019

dimun commented May 22, 2019

ashishnitinpatil commented Jun 28, 2019

forrestblade commented Jul 4, 2019

jackrobertscott commented Jul 8, 2019

jackrobertscott commented Jul 8, 2019

xeontem commented Jul 25, 2019

xuya227939 commented Aug 10, 2019

cmaliwal commented Nov 7, 2019

saurabhkanswal commented Nov 15, 2019

vanderlin commented Nov 19, 2019 • edited Loading

tsungjung411 commented Nov 20, 2019

mahinourrelsheikh commented Mar 19, 2020

alfrededison commented May 13, 2020

VivekkChudasama commented Aug 9, 2020

suplakite commented Oct 12, 2020

jcole099 commented Oct 12, 2020

vinaymcscet commented May 24, 2021

nurbek-ab commented Mar 19, 2018 •

edited

Loading

tchakabam commented May 15, 2018 •

edited

Loading

brien-givens commented Jun 13, 2018 •

edited

Loading

vanderlin commented Nov 19, 2019 •

edited

Loading