Error: Cannot find module 'webpack-cli/bin/config-yargs' when use v5 #2424

teabyii · 2020-02-03T09:27:52Z

webpack-dev-server/bin/webpack-dev-server.js

Line 61 in c9e9178

configYargsPath = 'webpack-cli/bin/config-yargs';

webpack-cli/bin/ no longer exists as of (webpack/webpack-cli@82407e5). This is a blocker for at least webpack-cli@4.0.0-alpha-5. Is there a workaround...?

Originally posted by @JoshuaKGoldberg in #2239 (comment)

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

alexander-akait · 2020-02-03T09:29:29Z

Yes, please use webpack serve for 4 version to run webpack dev server, we will remove own binaries in next version, feel free to leave feedback if something doesn't work

teabyii · 2020-02-03T09:35:40Z

I used webpack serve，but it didn't work.
This is my package dependencies:

  "devDependencies": {
    "webpack": "^5.0.0-beta.12",
    "webpack-cli": "^4.0.0-beta.1",
    "webpack-dev-server": "^3.10.2"
  }

alexander-akait · 2020-02-03T09:44:08Z

Oh, should be work, can you open issue in webpack-cli?

teabyii · 2020-02-03T09:46:12Z

OK，I will.

richburdon · 2020-05-31T17:43:52Z

Same problem here -- any update since Feb 3?

    "webpack": "^4.41.2",
    "webpack-bundle-analyzer": "^3.6.0",
    "webpack-cli": "^3.3.11",
    "webpack-dev-server": "^3.11.0",
    "webpack-merge": "^4.2.2",
    "webpack-version-file-plugin": "^0.4.0",

belauzas · 2020-06-15T19:35:28Z

Same problem for me

"devDependencies": {
    "@webpack-cli/init": "^0.3.0",
    "css-loader": "^3.6.0",
    "html-webpack-plugin": "^4.3.0",
    "node-sass": "^4.14.1",
    "sass-loader": "^8.0.2",
    "style-loader": "^1.2.1",
    "webpack": "^4.43.0",
    "webpack-cli": "^4.0.0-beta.8",
    "webpack-dev-server": "^3.11.0",
    "webpack-merge": "^4.2.2"
  }

What does works?
"start": "webpack --config webpack.dev.js",
What does not work?
"start": "webpack-dev-server --config webpack.dev.js",.

ylemkimon · 2020-07-17T09:11:46Z

Try npm install --save-dev @webpack-cli/serve@beta or yarn add -D @webpack-cli/serve@beta.

koistya · 2020-08-19T12:32:41Z

  "devDependencies": {
    "@webpack-cli/serve": "1.0.1-alpha.5",
    "webpack": "5.0.0-beta.26",
    "webpack-cli": "4.0.0-beta.8",
    "webpack-dev-server": "^3.11.0"
  },

$ yarn webpack-cli serve

[webpack-cli] The command moved into a separate package: @webpack-cli/serve

(node:12806) [MODULE_NOT_FOUND] Error: @webpack-cli/package-utils tried to access cross-spawn, but it isn't declared in its dependencies; this makes the require call ambiguous and unsound.
? Would you like to install @webpack-cli/serve? (That will run npm install -D @webpack-cli/serve) (Y/n) › true

alexander-akait · 2020-08-19T12:59:47Z

@koistya do you use yarn?

merceyz · 2020-08-19T13:34:40Z

@evilebottnawi That specific issue was fixed in webpack/webpack-cli#1376 5 months ago, but it hasn't been released yet. And yes, that's a Yarn PnP error message

alexander-akait · 2020-08-19T13:39:51Z

@merceyz release webpack-cli will be on this week, you even no need to install @webpack-cli/serve, because it will be out of box, just run webpack serve

bahtou · 2020-09-06T19:44:39Z

Any updates on this?

"@webpack-cli/serve": "^0.2.0",
"webpack": "^5.0.0-beta.29",
"webpack-cli": "^4.0.0-beta.8",
"webpack-dev-server": "^3.11.0"

> webpack-cli serve --config .webpack/index.js

[webpack-cli] The command moved into a separate package: @webpack-cli/serve

? Would you like to install @webpack-cli/serve? (That will run npm install -D @webpack-cli/serve) (Y/n) › true

ylemkimon · 2020-09-07T03:54:27Z

@bahtou You need to install the beta version of @webpack-cli/serve, see #2424 (comment).

bahtou · 2020-09-07T13:13:47Z

@ylemkimon

"@webpack-cli/serve": "^1.0.1-alpha.5",
"webpack": "^5.0.0-beta.29",
"webpack-cli": "^4.0.0-beta.8",
"webpack-dev-server": "^3.11.0",

> webpack-cli serve --config .webpack/index.js --mode development

Module not found: Error: Can't resolve './index.js'

If I move index.js out of the .webpack directory into root the file is then resolved, but not inside another folder.

alexander-akait · 2020-09-07T13:19:28Z

@bahtou fixed in webpack-cli, release will be today/tomorrow, feel free to feedback after new release

mnjit20 · 2020-09-14T10:01:30Z

any update on this.

alexander-akait · 2020-09-23T10:43:27Z

@NicholasBoll What do you mean?

alexander-akait · 2020-09-23T10:52:31Z

@NikoGrano How you run webpack-dev-server?

alexander-akait · 2020-09-23T11:13:09Z

You need to use webpack serve

NikoGrano · 2020-09-23T13:01:00Z

@evilebottnawi Just reporting results: It works! Thank you!

please-rewrite · 2020-09-23T16:53:29Z

@evilebottnawi thank you. This really needs to be mentioned in the migrate to webpack 5 doc that is out there

bahtou · 2020-09-28T14:28:01Z

@evilebottnawi I'm getting this error when I updated:

"@webpack-cli/serve": "^1.0.1-rc.0",
"webpack": "^5.0.0-rc.0",
"webpack-cli": "^4.0.0-rc.0",
"webpack-dev-server": "^3.11.0",

> webpack server --config .webpack/index.js --mode development
[webpack-cli] TypeError: Cannot read property 'length' of undefined

Is there a way to get a more verbose output? I am not using .length anywhere in my code base.

Nethanos · 2020-10-29T00:58:35Z

I don't know if you are the same team that maintains webpack-dev-server but wouldn't be cool if there is a post or article exposing this change? From my point of view this is some kind of breaking change... Don't you agree? Maybe a commentary on the changelog should be enough.

iztokf · 2020-10-29T12:12:36Z

this is totally frustrating :( tried all suggestions/hacks from all opened issues, but nothing works..

webpack serve --config webpack.config.dev.js

internal/modules/cjs/loader.js:638
    throw err;
    ^
Error: Cannot find module 'webpack-cli/bin/config-yargs'

    "webpack": "^5.1.3",
    "webpack-cli": "^4.1.0",
    "webpack-dev-server": "^3.11.0"

am i missing something? please, help!

alexander-akait · 2020-10-29T12:22:18Z

Please use webpack serve instead of using webpack-dev-server in package.json, it was answered a lot of time, but because each every time no wants to read but just writes, the answer constantly disappears

sacummings91 · 2020-10-29T18:38:31Z

@evilebottnawi I think the issue is we do not get the same functionality with just using webpack serve and there doesn't seem to be any explanation with how to get it working in the same way. Are you going to provide some official documentation of these changes?

iztokf · 2020-10-29T18:41:43Z

Please use webpack serve instead of using webpack-dev-server in package.json

i was trying to run it from cli/console, which still don't work btw; yes, if i run it as package.json script (npm run-script ...) than it's ok; thanks!

yordan-kanchelov · 2020-10-30T22:27:53Z

@evilebottnawi is this a temporary solution and if not could you give me an example of how to live-reload on change with the webpack serve

ferneybaron · 2020-10-31T14:33:37Z

Hello 👋.
To fix it just do 2 things.

Install
npm i webpack-cli @webpack-cli/init
add this to your package.json
"scripts": {
"start": "webpack-cli serve --mode development"
},

done!

sacummings91 · 2020-10-31T18:47:27Z

This seems like a lot of hoops to jump through compared to just doing webpack-dev-server which used to work

webpack/webpack-dev-server#2424

SevlaMare · 2020-11-22T01:17:06Z

"webpack": "^4.44.2",
"webpack-cli": "^4.2.0",
"webpack-dev-server": "^3.11.0"

using
"start": "npx webpack-dev-server --host 0.0.0.0 --port 7000",

works on windows (node 14),
crash on ubuntu 18 (node 12)
using yarn or npm get the same error:

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

works on ubuntu after downgrade to:
"webpack-cli": "^3.3.12"

PeculiarCode · 2020-11-24T07:15:32Z

Hello 👋.
To fix it just do 2 things.

Install
npm i webpack-cli @webpack-cli/init

add this to your package.json
"scripts": {
"start": "webpack-cli serve --mode development"
},

done!

perfect

alexander-akait · 2020-11-28T14:42:14Z

Fixed in webpack-dev-server@4-beta.0

Jaffsterz · 2020-11-29T10:37:25Z

Could someone explain what "webpack serve" is actually doing as a command, as opposed to "webpack-dev-server"? It might help people understand why they now have to do this.

Is it running the "webpack-serve" server instead of the "webpack-dev-server" one? (if so, how does it work without that dependency being installed?)

I found plenty of reports saying webpack-dev-server is only in maintenance and that people should use webpack-serve instead, but that doesn't seem to be the case here as web-pack-dev server now appears to have a major new version in beta?

This is all quite confusing for people I think! :(

AstroProjection · 2020-12-29T09:32:21Z

It didn't work for me until I specified the 'contentBase' and 'port' property of the devServer and ran the command 'webpack serve --config ./webpack.config.js'

As suggested: webpack/webpack-dev-server#2424 (comment)

(except for webpack-cli, which is 3.3.11 to resolve webpack/webpack-dev-server#2424)

Following suggestions from thread on github: webpack/webpack-dev-server#2424

webpack-cli@4 requires webpack-dev-server@4: https://github.com/webpack/webpack-dev-server/releases/tag/v4.0.0-beta.0 * Migrate config from v3 to v4: https://github.com/webpack/webpack-dev-server/blob/master/migration-v4.md * Invoke webpack-dev-server using `webpack serve` instead: "Error: Cannot find module 'webpack-cli/bin/config-yargs' when use v5" webpack/webpack-dev-server#2424 * Pass production/development env with `--node-env` instead: https://github.com/webpack/webpack-cli/blob/master/CHANGELOG.md#450-2021-02-02

webpack-cli@4 requires webpack-dev-server@4: https://github.com/webpack/webpack-dev-server/releases/tag/v4.0.0-beta.0 * Migrate config from v3 to v4: https://github.com/webpack/webpack-dev-server/blob/master/migration-v4.md * Invoke webpack-dev-server using `webpack serve` instead: "Error: Cannot find module 'webpack-cli/bin/config-yargs' when use v5" webpack/webpack-dev-server#2424 * Pass production/development env with `--node-env` or nothing instead: https://github.com/webpack/webpack-cli/blob/master/CHANGELOG.md#450-2021-02-02 * `cross-env` is no longer needed * Webpack sets production/development env to 'production' by default https://v4.webpack.js.org/configuration/mode/

…ig-yargs' Can't run make watch-admin in Dockware as it stops with the following error: Error: Cannot find module 'webpack-cli/bin/config-yargs' Require stack: - /var/www/html/vendor/shopware/administration/Resources/app/administration/node_modules/webpack-dev-server/bin/webpack-dev-server.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Module.require (node:internal/modules/cjs/loader:1005:19) at require (node:internal/modules/cjs/helpers:102:18) at Object.<anonymous> (/var/www/html/vendor/shopware/administration/Resources/app/administration/node_modules/webpack-dev-server/bin/webpack-dev-server.js:65:1) at Module._compile (node:internal/modules/cjs/loader:1105:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12) { code: 'MODULE_NOT_FOUND', requireStack: [ '/var/www/html/vendor/shopware/administration/Resources/app/administration/node_modules/webpack-dev-server/bin/webpack-dev-server.js' ] } makefile:65: recipe for target 'watch-admin' failed make: *** [watch-admin] Error 1 Fixes Error: Cannot find module 'webpack-cli/bin/config-yargs' If you're using webpack 4 you should use "webpack serve" instead of "webpack-dev-server": https://stackoverflow.com/questions/64803892/error-error-cannot-find-module-webpack-cli-bin-config-yargs-require-stack webpack/webpack-dev-server#2424

teabyii changed the title ~~https://github.com/webpack/webpack-dev-server/blob/c9e9178a4882e414a6b9616baa35e8dbf7b2dd75/bin/webpack-dev-server.js#L61~~ Error: Cannot find module 'webpack-cli/bin/config-yargs' Feb 3, 2020

teabyii changed the title ~~Error: Cannot find module 'webpack-cli/bin/config-yargs'~~ Error: Cannot find module 'webpack-cli/bin/config-yargs' when use v5 Feb 3, 2020

teabyii mentioned this issue Feb 3, 2020

The command moved into a separate package: undefined when run webpack serve webpack/webpack-cli#1200

Closed

denis-anisimov mentioned this issue Jul 24, 2020

Make webpack 5 work and benchmark Bakery vaadin/flow#6773

Closed

merceyz mentioned this issue Aug 21, 2020

[Feature] Removing .yarn folder should yield an understandable error yarnpkg/berry#1733

Closed

2 tasks

This comment has been minimized.

Sign in to view

ankurk91 mentioned this issue Oct 30, 2020

[6.*] "npm run hot" fails with "Error: Cannot find module 'webpack-cli/bin/config-yargs'" laravel-mix/laravel-mix#2584

Closed

This comment has been minimized.

Sign in to view

pione30 added a commit to pione30/twitter2 that referenced this issue Nov 21, 2020

webpack serve

1d4c299

webpack/webpack-dev-server#2424

alexander-akait closed this as completed Nov 28, 2020

pedrofurtado mentioned this issue Dec 24, 2020

Webpacker 6.x - Dev server not reloads automatically in browser (refreshing the webpage without press f5 key) rails/webpacker#2832

Closed

josokinas mentioned this issue Jan 21, 2021

build(examples): correctly start webpack onfido/castor#213

Merged

josokinas added a commit to onfido/castor that referenced this issue Jan 21, 2021

build(examples): correctly start webpack (#213)

0daef84

As suggested: webpack/webpack-dev-server#2424 (comment)

MyAiAd added a commit to MyAiAd/Adminator-admin-dashboard that referenced this issue Jan 27, 2021

newest versions of installs

fb45979

(except for webpack-cli, which is 3.3.11 to resolve webpack/webpack-dev-server#2424)

frank-dspeed mentioned this issue May 19, 2021

PR: Upgrading webpack-cli + webpack breaks existing scripts microsoft/vscode-generator-code#279

Closed

3 tasks

ZzAve added a commit to ZzAve/teambalance that referenced this issue Jun 2, 2021

Use webpack serve instead of webpack-dev-server

6536965

Following suggestions from thread on github: webpack/webpack-dev-server#2424

alexander-akait unpinned this issue Feb 12, 2024

Error: Cannot find module 'webpack-cli/bin/config-yargs' when use v5 #2424

Error: Cannot find module 'webpack-cli/bin/config-yargs' when use v5 #2424

Comments

teabyii commented Feb 3, 2020

alexander-akait commented Feb 3, 2020 • edited Loading

teabyii commented Feb 3, 2020

alexander-akait commented Feb 3, 2020

teabyii commented Feb 3, 2020

richburdon commented May 31, 2020

belauzas commented Jun 15, 2020

ylemkimon commented Jul 17, 2020

koistya commented Aug 19, 2020 • edited Loading

alexander-akait commented Aug 19, 2020

merceyz commented Aug 19, 2020 • edited Loading

alexander-akait commented Aug 19, 2020

bahtou commented Sep 6, 2020

ylemkimon commented Sep 7, 2020

bahtou commented Sep 7, 2020

alexander-akait commented Sep 7, 2020

mnjit20 commented Sep 14, 2020

This comment has been minimized.

alexander-akait commented Sep 23, 2020

This comment has been minimized.

alexander-akait commented Sep 23, 2020

This comment has been minimized.

alexander-akait commented Sep 23, 2020

NikoGrano commented Sep 23, 2020

please-rewrite commented Sep 23, 2020

bahtou commented Sep 28, 2020 • edited Loading

Nethanos commented Oct 29, 2020

iztokf commented Oct 29, 2020

alexander-akait commented Oct 29, 2020 • edited Loading

sacummings91 commented Oct 29, 2020

iztokf commented Oct 29, 2020

This comment has been minimized.

yordan-kanchelov commented Oct 30, 2020

ferneybaron commented Oct 31, 2020

sacummings91 commented Oct 31, 2020

SevlaMare commented Nov 22, 2020

PeculiarCode commented Nov 24, 2020

alexander-akait commented Nov 28, 2020

Jaffsterz commented Nov 29, 2020 • edited Loading

AstroProjection commented Dec 29, 2020

alexander-akait commented Feb 3, 2020 •

edited

Loading

koistya commented Aug 19, 2020 •

edited

Loading

merceyz commented Aug 19, 2020 •

edited

Loading

bahtou commented Sep 28, 2020 •

edited

Loading

alexander-akait commented Oct 29, 2020 •

edited

Loading

Jaffsterz commented Nov 29, 2020 •

edited

Loading