本文主要是介绍vue2 配置vue.config.js devServer 时报错，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
配置vue.config.js devServer 后，启用项目报错。
报错信息：
ERROR 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 'overlay'. 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.
- options has an unknown property 'overlay'. 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? }
at validate (G:\stevenchen\LDProject\ldadminvue\node_modules\webpack-dev-server\node_modules\schema-utils\dist\validate.js:115:11)
at new Server (G:\stevenchen\LDProject\ldadminvue\node_modules\webpack-dev-server\lib\Server.js:231:5)
at serve (G:\stevenchen\LDProject\ldadminvue\node_modules\@vue\cli-service\lib\commands\serve.js:194:20)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
----------vue.config.js 代码如下---------------------------------------------------------------------------------------
import config from 'src/config/index'
module.exports = {
devServer: {
host: 'localhost',
port: 8080,
open: true,
/*
overlay: {
warnings: false,
errors: true
},
*/
proxy: {
'/api': {
target: config.BASE_URL,
ws: true,
changOrigin: true,
pathRewrite: {
'^/api': '' // 思路是如果是开发环境，就给所有要代理的接口统一加上前缀，然后代理请求时再统一通过rewrite去掉
}
}
}
}
}
----------------------------------------
我的处理方法，注释掉这一段，就OK了
/*
overlay: {
warnings: false,
errors: true
},
*/
这篇关于vue2 配置vue.config.js devServer 时报错的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
