Webpack in JavaScript shows: Error: Unknown option '--watch-content-base'

Question

{
  "name": "frontend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server --watch-content-base  --open",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^5.88.2",
    "webpack-cli": "^5.1.4",
    "webpack-dev-server": "^4.15.1"
  }
}

shows the error:---

[email protected] start webpack-dev-server --watch-content-base --open

[webpack-cli] Error: Unknown option '--watch-content-base' [webpack-cli] Run 'webpack --help' to see available commands and options

I cannot understand why I'm getting this error considering in the video I was following it works just fine. If I remove ' --watch-content-base' it works but I'm trying to make sure any code changes are automatically updated on the server.

Tushar Shahi · Accepted Answer · 2023-10-04 07:56:15Z

0

I think this is because of a different of versions. v5 has this change that watchContentBase is no more a valid option. It is replaced by static.

Try running this:

npx webpack serve --static-watch

Related comment

answered Oct 4, 2023 at 7:56

Tushar Shahi

21.6k2 gold badges25 silver badges48 bronze badges

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

1 Comment

shivam saxena Over a year ago

please elaborate where i have to edit the code.

Collectives™ on Stack Overflow

Webpack in JavaScript shows: Error: Unknown option '--watch-content-base'

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related