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

最新推荐文章于 2024-04-01 15:22:14 发布
最新推荐文章于 2024-04-01 15:22:14 发布
阅读量1.1w 收藏 1
点赞数 1
分类专栏： 前端开发--付费 文章标签： vue.js 前端
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/CC1991_/article/details/114256059
版权

在前端开发的时候，启动运行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

 

options.proxy should be {Object|Array} (https://webpack.js.org/configuration/dev-server/#devserverproxy)

ValidationError: webpack Dev Server Invalid Options

了解本专栏 订阅专栏 解锁全文 超级会员免费看
三掌柜666
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
【异常】Jenkins执行前端项目Npm构建时，出现报错This dependency was not found: vue-class-component in ./node_modules/vu
本本本添哥
04-22 2108
vue-class-component是一个用于类式Vue组件的TypeScript装饰器。它允许您将Vue组件定义为类，这可以使您的代码更有组织性和易于阅读。
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 打包提示 Building for devbuild...Browserslist: caniuse-lite is outdated.
palmer_kai的博客
04-16 6099
打包控制台提示 WARN A new version of sass-loader is available. Please upgrade for best experience. - Building for devbuild...Browserslist: caniuse-lite is outdated. Please run next command `npm update` B...
npm 镜像等常见问题
jinwanmeng的专栏
12-13 973
npm 镜像等常见问题
elmentui 项目在启动时： ValidationError: Invalid options object...报错
最新发布
wyqshusan的博客
04-01 466
elmentui 项目在启动时，执行npm run serve之后报： ValidationError: Invalid options object…报错。
WARN A new version of sass-loader is available. Please upgrade for best experience
m0_59092234的博客
03-02 3751
通过脚手架安装的项目，根据官网给的步骤一步一步安装引用会报错 这样写就报错 uni.scss import ‘uview-ui/theme.scss’; App.vue import ‘uview-ui/theme.scss’; 换成 uni.scss @import ‘./…/node_modules/uview-ui/theme.scss’; App.vue import “./…/node_modules/uview-ui/index.scss”; ...
WARN A new version of sass-loader is available. Please upgrade for best experience.
weixin_44860425的博客
04-28 1万+
通过脚手架安装的项目，根据官网给的步骤一步一步安装引用会报错 这样写就报错 uni.scss import ‘uview-ui/theme.scss’; App.vue import ‘uview-ui/theme.scss’; 换成 uni.scss @import ‘./…/node_modules/uview-ui/theme.scss’; App.vue import “./…/node_modules/uview-ui/index.scss”; ...
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console...
vue项目中的webpack-dev-sever配置方法
11-27
问题描述：在vue项目中运行npm run dev启动服务器，然而在同一个局域网下的...以上这篇vue项目中的webpack-dev-sever配置方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
webpack Dev Server Invalid Options options should NOT have additional properties 解决办法
热门推荐
qq_36836277的博客
03-19 4万+
出现上面问题的原因是webpack.config.js中config.devServer 配置出现了问题 const config = { ... } if(isDev) { config.devServer = { port: 8000, host: '0.0.0.0', overlay: { errors: true,...
webpack Dev Server Invalid Options options should NOT have additional prop
奔跑的痕迹的博客
02-11 1万+
今日npm run serve时提示ERROR ValidationError: webpack Dev Server Invalid Options options should NOT have additional properties 无效参数配置？ 如图： 看提示好像是说 webpack 的dev server配置有点问题 ，于是去vue.config.js 探个究竟 注意到了如下红箭...
ValidationError: webpack Dev Server Invalid Options options should NOT have additional properties
qq_40390771的博客
08-10 3891
出现上述错误是因为给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: .
解决：ValidationError: Invalid options object. PostCSS Loader ......
Mr.小灰狼_随笔
03-29 6705
PostCSS Loader 已使用与 API 架构不匹配的选项对象进行初始化。vue --version 这时候看到 vue-cli 已经是 @4 版本的了。卸载掉当前 5.x 的版本（ mac 版本 的前面需要加上 sudo ）直接下载 @4 版本（ mac 版本 的 前面需要加上 sudo ）- 选项具有未知属性“plugins”。最后再按照创建项目的步骤重新走一遍就 OK 了。使用 vue/cli @'./xxx/xx' 中出现错误。1、首先打开终端执行。
webpack配置报错Invalid options object. Dev Server has been initialized using an options object that...
m0_46165586的博客
08-21 4402
disableHostCheck是一个用于Vue CLI开发服务器的配置选项，用于禁用对主机检查的验证。在旧版本的Vue CLI中，可以使用这个选项来解决某些特定的网络环境下的配置问题。 然而，在较新的Vue CLI版本（4.x及以上）中，disableHostCheck选项被移除了，并且默认情况下主机检查是启用的。这是因为启用主机检查可以提高开发服务器的安全性，防止潜在的主机劫持攻击。
若依报错解决
m0_68226879的博客
06-05 3135
Node.js 的版本太高，在 Node.js V17 版本中发布的 OpenSSl3.0 对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成影响。这个方法不推荐，因为在实际开发中，要求每一个开发人员都因为一个项目而降低版本不合理，有的开发人员有多个项目，会连锁反应。第二： Linux 或者 WSL 环境 不要在开发工具的终端输入！第一：windows 环境 不要在开发工具的终端输入！在命令行输入： 输入完成之后重新启动项目即可。第二：主动降低 Node.js 的版本。开发工具：VsCode。
在开启vue项目时报webpack Dev Server Invalid Options
qq_41687299的博客
04-17 8577
问题： 在配置文件里用来解决跨域问题的 “代理” 对象值是空的 解决： 找到 config.js 文件 修改一下里面的内容 （webpack.config.js 或者 vue.config.s） 找到 devServer 将里面的proxy注释掉就可以了 原文链接https://blog.csdn.net/csdn_chengpeng/article/details/89921958 ...
ValidationError: webpack Dev Server Invalid Options options should NOT have additional properties
07-28
这个错误是由于给webpack Dev Server传递了无效的配置选项导致的。根据引用\[1\]中的内容，你使用的是vue/cli4，而在cli4中，应该使用proxy进行配置，而不是proxyTable。所以，你需要修改你的配置文件vue.config.js，将proxyTable改为proxy。这样就可以解决这个错误了。 #### 引用[.reference_title] - *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-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

三掌柜666

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

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

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

打赏作者

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

抵扣说明：

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

余额充值