diff --git a/packages/cli/src/lib/bundler/server.ts b/packages/cli/src/lib/bundler/server.ts
index 076a54cd1a..ece9b4a6d1 100644
--- a/packages/cli/src/lib/bundler/server.ts
+++ b/packages/cli/src/lib/bundler/server.ts
@@ -244,6 +244,7 @@ export async function serveBundle(options: ServeOptions) {
   await new Promise<void>(async (resolve, reject) => {
     if (process.env.EXPERIMENTAL_VITE) {
       await (server as vite.ViteDevServer).listen();
+      (server as vite.ViteDevServer).openBrowser();
       resolve();
     } else {
       (server as WebpackDevServer).startCallback((err?: Error) => {
@@ -251,10 +252,10 @@ export async function serveBundle(options: ServeOptions) {
           reject(err);
           return;
         }
+        openBrowser(url.href);
+        resolve();
       });
     }
-    openBrowser(url.href);
-    resolve();
   });
 
   const waitForExit = async () => {