How to fix "webpack Dev Server Invalid Options" in Vuejs

javascript vue.js webpack vuejs2 webpack-dev-server

yea this issue just popped up in the last few hours in @vue/cli. I had the same thing in a fresh project. To fix it try this:

Create a file in the root of your project called vue.config.js if you don't already have that file.
Add this to that file:

module.exports = {  devServer: {    clientLogLevel: 'info'  }};

Then re-run your project. Something happened last night where the clientLogLevel value that comes preset became incorrect.

Here's a thread talking about this issue: GitHub.

javascript vue.js webpack vuejs2 webpack-dev-server

I have no idea why you're getting that error but here is how you'd configure that option:

1.Create vue.config.js in your root directory

2.Enter the following into it:

module.exports = {  devServer: {    clientLogLevel: 'debug'  }}

3.Rerun npm run serve

You can read more about configuring the dev server here.

javascript vue.js webpack vuejs2 webpack-dev-server

Seems like webpack-dev-server@3.4.0 broke something. I reverted it to 3.3.1 and it seems to be working.

CodeHunter