elmentui 项目在启动时: ValidationError: Invalid options object...报错

发布于:2024-04-06 ⋅ 阅读:(178) ⋅ 点赞:(0)

问题描述

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

网站公告

今日签到

点亮在社区的每一天
去签到