ValidationError: Invalid options object. Dev Middleware has been initialized using an options object that does not match the API schema

Question

Currently learning React JS, I am still newbie regarding these technologies.

After updating the webpack from 4.30.0 to 5.10.0 then I run npm start, some errors appeared as below. I have tried to delete node_modules and reinstall, then npm start, it doesn't change anything.

Dependencies :

"webpack": "^5.10.0",
"webpack-cli": "^4.2.0",
"webpack-dev-middleware": "4.0.2",
"webpack-hot-middleware": "2.25.0",
"webpack-pwa-manifest": "4.3.0",

Error :

Guadalcanal

Share the code you use webpack-dev-middleware. – Rhapsodic

di du find the answer? i am now stuck at the same place – Heliozoan

Also in the same boat. – Snooperscope

@Heliozoan sorry for my late reply, I didn't find the right answer. I just downgrade it – Guadalcanal

I use "webpack-bundle-tracker": "^0.4.3" and I get options has an unknown property 'watchOptions'. – Kela

Answer 1

Solved similar issue with upgrading

    "webpack-dev-server": "^4.0.0-beta.3",

I believe 3.x is not fully compatible.

Priapic

How do you upgrade it, do I write: npm install [email protected] in terminal vuejs? Yes it did upgrade it but I still get same error when doing npm run serve I get options has an unknown property 'watchOptions'. – Kela