问题描述
elmentui 项目在启动时,执行npm run serve之后报: ValidationError: Invalid options object…报错
完整错误如下:
F:\workspace\project\dramsvue>npm run serve
> dramsvue@0.1.0 serve
> vue-cli-service serve
INFO Starting development server...
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 'disableHostCheck'. These properties are valid:
object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeS
etupMiddleware?, 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 'disableHostCheck'. These properties are valid:
object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMidd
leware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, setupMiddlewares?, static?, watchFiles?, webSocketServer? }
at validate (F:\workspace\project\dramsvue\node_modules\webpack-dev-server\node_modules\schema-utils\dist\validate.js:158:11)
at new Server (F:\workspace\project\dramsvue\node_modules\webpack-dev-server\lib\Server.js:270:5)
at serve (F:\workspace\project\dramsvue\node_modules\@vue\cli-service\lib\commands\serve.js:194:20)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
我的配置
在vue.config.js
devServer: {
host: "0.0.0.0",
port: 8000,
open: true,
overlay: {
warnings: false,
errors: true
},
// before: require('./mock/mock-server.js'),
proxy: {
[process.env.VUE_APP_BASE_API]: {
target: `http://127.0.0.1:9086/`, //开发环境
changeOrigin: true,
pathRewrite: {
["^" + process.env.VUE_APP_BASE_API]: ""
}
}
},
disableHostCheck: true
解决方案:删除两处
1、删除第1处
open: true,
overlay: {
warnings: false,
errors: true
},
2、删除第2处
disableHostCheck: true