Vue.config.js 配置报错 ValidationError: Invalid options object.-Toy模板网

这篇具有很好参考价值的文章主要介绍了Vue.config.js 配置报错 ValidationError: Invalid options object.。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

接手了别人的项目，在配置 devServer 时直接照搬了之前的配置结果报错

Vue.config.js 配置报错 ValidationError: Invalid options object.

 ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
         - options has an unknown property 'disableHostCheck'. These properties are valid:
           object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, setupMiddlewares?, static?, watchFiles?, webSocketServer? }

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

这段报错信息意思是Dev Server已使用与API模式不匹配的选项对象初始化，其中明确指出是属性 ‘disableHostCheck’，于是我屏蔽了这个属性，发现能启动成功

此时我查看了之前和这次的项目的webpack的版本发现这次的版本是 webpack5 之前是webpack4，并且查看了webpack的文档发现
Vue.config.js 配置报错 ValidationError: Invalid options object.
‘disableHostCheck’ 这个属性在webpack4中已经被删除替换，webpack5中已经不存在这个属性了，所以配置这个会报错，正确做法是替换成

devServer: {
    historyApiFallback: true,
    allowedHosts: "all"
  },

OK！文章来源地址https://www.toymoban.com/news/detail-505430.html

到了这里，关于Vue.config.js 配置报错 ValidationError: Invalid options object.的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

Vue.config.js 配置报错 ValidationError: Invalid options object.

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2