在vue项目中,运行时,报错ValidationError: webpack Dev Server Invalid Options,后面还有一连串的错误,如下图所示:

执行报错

 而这个报错大致可以锁定错误是在项目中vue.config.js文件造成,而有些项目是没有这个文件的,可以找找有没有webpack.config.js文件,基本上是这两个文件配置问题哈

现在我以我的项目为例,我的项目是有vue.config.js的,基本就是在里面配置中的module.exports里面的配置出现问题了

 解决一

看到我这里有一条注释掉的lintOnSave:false这个是关闭Eslint的操作哈,其实主要是因为这个的问题导致的报错,把这个注释掉就基本没问题了,这个我的错误是在这里。

注:若这个注释掉后,怕Eslint又生效了,想要关闭Eslint还有别的方法哈,可以看我后续文章,会有一个关闭Eslint的方法总结,可以参考一下哈~

解决二

这里如果你是拿别人的项目来弄的哈,只是想执行一下,测测效果什么的,可以直接把proxy里面的代理全部注释掉,记住哈,proxy里面的全部注释,这样也是可以正常运行项目的

但基本都是开发项目的小伙伴吧,那直接用解决一的方法哈,这个亲测有效

Logo

前往低代码交流专区

更多推荐