Can't open the server in a specific browser which I set in .env.development file. #7329
Description
Describe the bug
Can't open the server in a specific browser I like when the server.open is set to true in vite.config.js. Previously, in vue.config.js, I add .env.development to the root, in which I set "BROWSER = chrome", and the server will be opened in chrome, not my default browser Microsoft Edge. But in Vite, I did the same while it turned out invalid.
Reproduction
https://github.com/gengzhao2020/sph_vue3.git
System Info
System:
OS: Windows 10 10.0.19044
CPU: (8) x64 Intel(R) Core(TM) i7-9700K CPU @ 3.60GHz
Memory: 11.07 GB / 15.92 GB
Binaries:
Node: 16.14.0 - D:\App\nodejs\node.EXE
npm: 8.3.1 - D:\App\nodejs\npm.CMD
Browsers:
Edge: Spartan (44.19041.1266.0), Chromium (99.0.1150.39)
Internet Explorer: 11.0.19041.1566
npmPackages:
@vitejs/plugin-vue: ^2.2.4 => 2.2.4
vite: ^2.8.6 => 2.8.6Used Package Manager
npm
Logs
vite:config bundled config file loaded in 38.13ms +0ms
vite:config using resolved config: {
vite:config plugins: [
vite:config 'vite:pre-alias',
vite:config 'alias',
vite:config 'vite:modulepreload-polyfill',
vite:config 'vite:resolve',
vite:config 'vite:html-inline-proxy',
vite:config 'vite:css',
vite:config 'vite:esbuild',
vite:config 'vite:json',
vite:config 'vite:wasm',
vite:config 'vite:worker',
vite:config 'vite:worker-import-meta-url',
vite:config 'vite:asset',
vite:config 'vite:vue',
vite:config 'vite:define',
vite:config 'vite:css-post',
vite:config 'vite:client-inject',
vite:config 'vite:import-analysis'
vite:config ],
vite:config server: {
vite:config preTransformRequests: true,
vite:config open: true,
vite:config fs: { strict: true, allow: [Array], deny: [Array] }
vite:config },
vite:config define: { __VUE_OPTIONS_API__: true, __VUE_PROD_DEVTOOLS__: false },
vite:config ssr: { external: [ 'vue', '@vue/server-renderer' ] },
vite:config configFile: 'D:/source/sph_vue3/vite.config.js',
vite:config configFileDependencies: [ 'vite.config.js' ],
vite:config inlineConfig: {
vite:config root: undefined,
vite:config base: undefined,
vite:config mode: undefined,
vite:config configFile: undefined,
vite:config logLevel: undefined,
vite:config clearScreen: undefined,
vite:config server: {}
vite:config },
vite:config root: 'D:/source/sph_vue3',
vite:config base: '/',
vite:config resolve: { dedupe: undefined, alias: [ [Object], [Object] ] },
vite:config publicDir: 'D:\\source\\sph_vue3\\public',
vite:config cacheDir: 'D:\\source\\sph_vue3\\node_modules\\.vite',
vite:config command: 'serve',
vite:config mode: 'development',
vite:config isProduction: false,
vite:config build: {
vite:config target: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
vite:config polyfillModulePreload: true,
vite:config outDir: 'dist',
vite:config assetsDir: 'assets',
vite:config assetsInlineLimit: 4096,
vite:config cssCodeSplit: true,
vite:config cssTarget: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
vite:config sourcemap: false,
vite:config rollupOptions: {},
vite:config minify: 'esbuild',
vite:config terserOptions: {},
vite:config write: true,
vite:config emptyOutDir: null,
vite:config manifest: false,
vite:config lib: false,
vite:config ssr: false,
vite:config ssrManifest: false,
vite:config reportCompressedSize: true,
vite:config chunkSizeWarningLimit: 500,
vite:config watch: null,
vite:config commonjsOptions: { include: [Array], extensions: [Array] },
vite:config dynamicImportVarsOptions: { warnOnError: true, exclude: [Array] }
vite:config },
vite:config preview: {
vite:config port: undefined,
vite:config strictPort: undefined,
vite:config host: undefined,
vite:config https: undefined,
vite:config open: true,
vite:config proxy: undefined,
vite:config cors: undefined,
vite:config headers: undefined
vite:config },
vite:config env: { BASE_URL: '/', MODE: 'development', DEV: true, PROD: false },
vite:config assetsInclude: [Function: assetsInclude],
vite:config logger: {
vite:config hasWarned: false,
vite:config info: [Function: info],
vite:config warn: [Function: warn],
vite:config warnOnce: [Function: warnOnce],
vite:config error: [Function: error],
vite:config clearScreen: [Function: clearScreen],
vite:config hasErrorLogged: [Function: hasErrorLogged]
vite:config },
vite:config packageCache: Map(0) {},
vite:config createResolver: [Function: createResolver],
vite:config optimizeDeps: {
vite:config esbuildOptions: { keepNames: undefined, preserveSymlinks: undefined }
vite:config },
vite:config worker: {
vite:config format: 'iife',
vite:config plugins: [
vite:config [Object], [Object],
vite:config [Object], [Object],
vite:config [Object], [Object],
vite:config [Object], [Object],
vite:config [Object], [Object],
vite:config [Object], [Object],
vite:config [Object], [Object],
vite:config [Object], [Object]
vite:config ],
vite:config rollupOptions: {}
vite:config }
vite:config } +5ms
vite:deps Hash is consistent. Skipping. Use --force to override. +0ms
vite v2.8.6 dev server running at:
> Local: http://localhost:3000/
> Network: use `--host` to expose
ready in 238ms.
vite:spa-fallback Rewriting GET / to /index.html +0ms
vite:time 15.61ms /index.html +0ms
vite:resolve 0.92ms D:\source\sph_vue3\node_modules\vite\dist\client\client.mjs -> D:/source/sph_vue3/node_modules/vite/dist/client/client.mjs +0ms
vite:resolve 1.68ms /@vite/client -> D:/source/sph_vue3/node_modules/vite/dist/client/client.mjs +1ms
vite:resolve 0.39ms /src/main.js -> D:/source/sph_vue3/src/main.js +4ms
vite:load 4.37ms [fs] /@vite/client +0ms
vite:resolve 0.41ms D:\source\sph_vue3\node_modules\vite\dist\client\env.mjs -> D:/source/sph_vue3/node_modules/vite/dist/client/env.mjs +10ms
vite:resolve 0.96ms @vite/env -> D:/source/sph_vue3/node_modules/vite/dist/client/env.mjs +0ms
vite:resolve 0.37ms /node_modules/vite/dist/client/env.mjs -> D:/source/sph_vue3/node_modules/vite/dist/client/env.mjs +1ms
vite:import-analysis 5.44ms [1 imports rewritten] node_modules\vite\dist\client\client.mjs +0ms
vite:transform 8.46ms /@vite/client +0ms
vite:time 20.17ms /@vite/client +61ms
vite:load 13.46ms [fs] /src/main.js +12ms
vite:resolve 0.07ms vue -> D:/source/sph_vue3/node_modules/.vite/vue.js?v=be2a111e +5ms
vite:resolve 0.35ms /node_modules/.vite/vue.js?v=be2a111e -> D:/source/sph_vue3/node_modules/.vite/vue.js?v=be2a111e +1ms
vite:resolve 0.46ms ./App.vue -> D:/source/sph_vue3/src/App.vue +1ms
vite:resolve 0.44ms /src/App.vue -> D:/source/sph_vue3/src/App.vue +1ms
vite:import-analysis 3.99ms [2 imports rewritten] src\main.js +8ms
vite:transform 4.67ms /src/main.js +7ms
vite:time 21.66ms /src/main.js +7ms
vite:load 9.14ms [fs] /node_modules/vite/dist/client/env.mjs +9ms
vite:import-analysis 0.05ms [no imports] node_modules\vite\dist\client\env.mjs +5ms
vite:transform 0.46ms /node_modules/vite/dist/client/env.mjs +5ms
vite:load 2.84ms [fs] /src/App.vue +1ms
vite:resolve 0.42ms ./components/HelloWorld.vue -> D:/source/sph_vue3/src/components/HelloWorld.vue +32ms
vite:resolve 0.40ms /src/components/HelloWorld.vue -> D:/source/sph_vue3/src/components/HelloWorld.vue +1ms
vite:resolve 0.36ms /src/App.vue?vue&type=style&index=0&lang.css -> D:/source/sph_vue3/src/App.vue?vue&type=style&index=0&lang.css +1ms
vite:resolve 0.49ms /@id/plugin-vue:export-helper -> null +3ms
vite:hmr [self-accepts] src\App.vue +0ms
vite:import-analysis 7.17ms [4 imports rewritten] src\App.vue +33ms
vite:transform 31.91ms /src/App.vue +33ms
vite:load 0.81ms [plugin] /src/App.vue?vue&type=style&index=0&lang.css +35ms
vite:load 2.59ms [plugin] plugin-vue:export-helper +3ms
vite:import-analysis 0.02ms [no imports] plugin-vue:export-helper +6ms
vite:transform 0.44ms plugin-vue:export-helper +7ms
vite:cache [304] /node_modules/vite/dist/client/env.mjs +0ms
vite:time 0.77ms /node_modules/vite/dist/client/env.mjs +45ms
vite:load 44.27ms [fs] /node_modules/.vite/vue.js?v=be2a111e +4ms
vite:import-analysis 2.72ms [no imports] node_modules\.vite\vue.js?v=be2a111e +13ms
vite:transform 3.87ms /node_modules/.vite/vue.js?v=be2a111e +12ms
vite:cache [304] /src/App.vue +12ms
vite:time 0.67ms /src/App.vue +12ms
vite:load 19.40ms [fs] /src/components/HelloWorld.vue +12ms
vite:resolve 0.26ms /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css -> D:/source/sph_vue3/src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +44ms
vite:hmr [self-accepts] src\components\HelloWorld.vue +46ms
vite:import-analysis 5.80ms [3 imports rewritten] src\components\HelloWorld.vue +26ms
vite:transform 23.76ms /src/components/HelloWorld.vue +26ms
vite:cache [memory] /node_modules/.vite/vue.js?v=be2a111e +0ms
vite:cache [memory] plugin-vue:export-helper +0ms
vite:load 0.18ms [plugin] /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +27ms
vite:cache [304] /src/components/HelloWorld.vue +29ms
vite:time 0.64ms /src/components/HelloWorld.vue +29ms
vite:cache [304] plugin-vue:export-helper +3ms
vite:time 1.07ms /@id/plugin-vue:export-helper +3ms
vite:hmr [self-accepts] src\App.vue?vue&type=style&index=0&lang.css +17ms
vite:import-analysis 0.43ms [0 imports rewritten] src\App.vue?vue&type=style&index=0&lang.css +16ms
vite:transform 57.25ms /src/App.vue?vue&type=style&index=0&lang.css +16ms
vite:time 11.78ms /src/App.vue?vue&type=style&index=0&lang.css +10ms
vite:hmr [self-accepts] src\components\HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +5ms
vite:import-analysis 0.44ms [0 imports rewritten] src\components\HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +5ms
vite:transform 18.28ms /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +6ms
vite:time 12.25ms /src/components/HelloWorld.vue?vue&type=style&index=0&scoped=true&lang.css +5ms
vite:time 0.65ms /src/assets/logo.png +8msValidations
- Follow our Code of Conduct
- Read the Contributing Guidelines.
- Read the docs.
- Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
- Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
- The provided reproduction is a minimal reproducible example of the bug.