时间戳

首页 > 解决方案 > Vue Cli 3 vue.config.js 没有 autoOpenBrowser 选项

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

问题描述

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

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

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

标签： vue.jsvue-cli

解决方案

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

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

推荐阅读