Question

我使用@ vue / cli 3创建了一个项目，并尝试添加autoOpenBrowser选项，并收到以下错误。因此，我认为该选项不再可用？

错误WebpackDevServerOptionsValidationError：无效的配置对象。已使用与API模式不匹配的配置对象初始化webpack-dev-server。 -配置具有未知属性'autoOpenBrowser'。这些属性有效： object {hot？，hotOnly？，lazy？，bonjour？，host？，allowedHosts？，filename？，publicPath？，port？，socket？，watchOptions？，headers？，logLevel？，clientLogLevel？，overlay？，progress ?、键，证书，ca，pfx，pfxPassphrase，requestCert，内联，disableHostCheck，public，https，contentBase，watchContentBase，open，useLocalIp，openPage，features，compress？，proxy，historyApiFallback，staticOptions，setup，before，after，stats，reportor，logTime，noInfo，silent，serverSideRender，index，log，warn？ }

module.exports = {
  devServer: {
    port: 4020,
    autoOpenBrowser: true
  }
}

Answer 1

嗯，这是一个打开的选项...我将config / index.js文件与webpack.config.js混淆了。

module.exports = {
  devServer: {
    port: 4020,
    open: true
  }
}

Answer 2

在根级别

创建 vue.config.js 文件，并将代码添加到该文件中。运行 npm run serve 命令将自动在浏览器中打开您的应用程序。

module.exports = {
  devServer: {
    port: 8080,
    open: true
  }
}

Vue Cli 3 vue.config.js没有autoOpenBrowser选项

2 个答案: