前端开发：Vue启动项目报错ValidationError：webpack Dev Server Invalid Options

最新推荐文章于 2024-08-21 09:09:03 发布
最新推荐文章于 2024-08-21 09:09:03 发布
阅读量1.1w 收藏 1
点赞数 1
分类专栏： 前端开发进阶 文章标签： vue.js 前端
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/CC1991_/article/details/114256059
版权
前端开发进阶 专栏收录该内容
64 篇文章 33 订阅 ¥259.90 ¥399.90
订阅专栏
在启动Vue项目时遇到`ValidationError: webpack Dev Server Invalid Options`错误，原因是config.js中devServer的proxy配置为空。解决方法是注释或删除proxy配置，保存文件并重新运行项目。
摘要由CSDN通过智能技术生成

在前端开发的时候，启动运行Vue项目的时候：npm run dev或者 npm run start 或者yarn examples:start，遇到ValidationError：webpack Dev Server Invalid Options报错的提示，报错信息如下所示：

 

Cheng$ npm run start

> tenant@0.1.0 start /Users/Cheng/hnant

> vue-cli-service serve

INFO  Starting development server...

WARN  A new version of sass-loader is available. Please upgrade for best experience.

ERROR  ValidationError: webpack Dev Server Invalid Options

 

opt

了解本专栏 订阅专栏 解锁全文
三掌柜666
关注
专栏目录
订阅专栏
使用低版本的vue-loader遇到的坑之ValidationError: Invalid options object. CSS Loader has been initialized using
qq_41687400的博客
08-07 1万+
使用低版本的vue-loader遇到的坑 最近在学习使用webpack打包vue项目，所以一开始下载了vue-loader和vue-template-compiler，但是由于现在15版本的vue-loader需要引入一个插件才能使用，我为了省事，在下载的时候指定了vue-loader的版本是14.2.2，一开始打包什么的都没问题，但是后来加入了style-loader和postcss-loader以及其他的杂七杂八的loader和plugin之后，我使用webpack打包就老是报错，（使用webpack-
webpack-dev-server启动报错Invalid options object
m0_54849806的博客
03-06 758
使用yarn start启动项目时报错 package.json相关依赖如下 "webpack": "^4.43.0", "webpack-cli": "^4.9.1", "webpack-dev-server": "^4.5.0" 报错信息如下： [webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the
vue vue/cli3 与 vue/cli4 proxy 代理配置报错 ValidationError: webpack Dev Server Invalid Options
最新发布
csdn_aspnet的专栏
08-21 1万+
vue/cli3（本文实际使用的是vue/cli4）代理配置如下：vue/cli4使用vue/cli3的代理配置会出现异常，本文解决办法为解决方法二处理，运行正常。
安装webpack-dev-server出现的问题
qq_43020961的博客
05-19 644
问题1：安装webpack-dev-server 报错Error:Cannot find module ‘webpack-cli/bin/config-yargs’ 1）原因： webpack，webpack-cli，和webpack-dev-server的版本有冲突，建议不要用最新的webpack和webpack-cli版本 2）推荐的版本： “webpack”: “4.44.2”, “webpack-cli”: “3.3.12”, “webpack-dev-server”: “^3.11.1” 安装具体
vue项目运行时，报错：ValidationError: webpack Dev Server Invalid Options
zhou13528482267的博客
11-29 1886
主要由于vue.config.js配置文件错误导致的，具体定位到proxy配置代理不能为空，导致运行项目报错，需要对proxy配置进行完全注释掉。
vue项目执行时，报错ValidationError: webpack Dev Server Invalid Options······
chenZH0975的博客
11-15 7471
在vue项目中，运行时，报错ValidationError: webpack Dev Server Invalid Options options should NOT have additional properties，后面还有一连串的错误，而这个报错大致可以锁定错误是在项目中vue.config.js文件造成
ValidationError: webpack Dev Server Invalid Options options should NOT have additional properties
qq_40390771的博客
08-10 4245
出现上述错误是因为给vue了无效的配置。原因就是我使用的是vue/cli4但使用了proxyTable进行配置。注意cli2下用的是proxyTable加上一系列配置,cli3及以上用的是proxy。 vue-V查看vue/cli的版本 使用vue.config.js解决代理问题。首先在根目录下创建vue.config.js(注意检查不要创建在src文件夹下)。然后通过配置代理如下。 // vue.config.js module.exports = { runtimeCompiler: .
[bug之路]ValidationError: webpack Dev Server Invalid Options 问题解决，亲测记录！
你的陌路人的博客
09-03 2854
vue项目启动时发生错误，在配置文件vue.config.js中处理跨域代理的proxy配置对象是空值。 ERROR ValidationError: webpack Dev Server Invalid Options options.proxy should be {Object|Array} (https://webpack.js.org/configuration/dev-server/#devserverproxy) ValidationError: webpack Dev Server
ValidationError: webpack Dev Server Invalid Options options should NOT have additional properties
07-28
- *1* *2* [ValidationError: webpack Dev Server Invalid Options options should NOT have additional properties](https://blog.csdn.net/qq_40390771/article/details/119562291)[target="_blank" data-report-...
vue运行项目报错 options.proxy should be {Object|Array} (https://webpack.js.org/configuration/dev-server/#d
m0_55358599的博客
03-03 1356
vue运行报错 INFO Starting development server… ERROR ValidationError: webpack Dev Server Invalid Options options.proxy should be {Object|Array} (https://webpack.js.org/configuration/dev-server/#devserverproxy) ValidationError: webpack Dev Server Invalid Opti
vue 启动项目时报错 ValidationError: webpack Dev Server Invalid Options
热门推荐
csdn_chengpeng的博客
05-07 3万+
如果vue 启动项目时出现报错信息：ValidationError: webpack Dev Server Invalid Options 解决的方法： 找到 config.js 文件 修改一下里面的内容 找到 devServer 将里面的proxy注释掉就可以了 ...
ValidationError: webpack Dev Server Invalid Options
大小先生
07-30 2760
vue项目启动时发生错误，在配置文件vue.config.js中处理跨域代理的proxy配置对象是空值。 //配置跨域请求 devServer: { // port: 8080, // host: '0.0.0.0', // open: true, // https: false, // proxy: { // // '/api': { // // target: 'http://api0.map.bdimg.com/',
error：ValidationError: webpack Dev Server Invalid Options options should NOT have additional proper
kuguhuan的博客
03-08 1万+
是vue.config.js有错 把这个注释掉就可以了
ValidationError: webpack Dev Server Invalid Options options.proxy should be {Object|Array}
DsItJin
04-22 1902
遇到这个问题直接在webpack.config.js文件里把proxy注释掉并保存 然后运用ok
关于vue配置跨域后 启动项目时报错 ValidationError: webpack Dev Server Invalid Options
m0_63586335的博客
11-04 634
关于vue配置跨域后 启动项目时报错 ValidationError: webpack Dev Server Invalid Options
Vue在启动项目时报错 ValidationError: webpack Dev Server Invalid Options
智先生_的博客
01-28 2336
#Vue项目开发报错 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式
vue.config.js里面碰到的问题（ERROR ValidationError: webpack Dev Server Invalid Options）
qq_47793359的博客
09-26 608
ValidationError: webpack Dev Server Invalid Options options should NOT have additional properties
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三掌柜666

如果对您有所帮助，请支持一下呗

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值