接手了別人的項(xiàng)目，在配置 devServer 時(shí)直接照搬了之前的配置結(jié)果報(bào)錯(cuò)

 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.

這段報(bào)錯(cuò)信息意思是Dev Server已使用與API模式不匹配的選項(xiàng)對(duì)象初始化，其中明確指出是屬性 ‘disableHostCheck’，于是我屏蔽了這個(gè)屬性，發(fā)現(xiàn)能啟動(dòng)成功

此時(shí)我查看了之前和這次的項(xiàng)目的webpack的版本發(fā)現(xiàn)這次的版本是 webpack5 之前是webpack4，并且查看了webpack的文檔發(fā)現(xiàn)

‘disableHostCheck’ 這個(gè)屬性在webpack4中已經(jīng)被刪除替換，webpack5中已經(jīng)不存在這個(gè)屬性了，所以配置這個(gè)會(huì)報(bào)錯(cuò)，正確做法是替換成

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

OK！

附：options has an unknown property 'overlay'.解決

解決方法：

module.exports={
  devServer:{
    //...
    hot: true,
    port: devPort,
    open: true,
    client: {
      overlay: {
        warnings: true,
        errors: true,
      },
    },
  }
}

總結(jié)

到此這篇關(guān)于Vue.config.js配置報(bào)錯(cuò)ValidationError: Invalid options object解決的文章就介紹到這了,更多相關(guān)ValidationError: Invalid options object內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論