packages/cli: open browser at correct path when serving bundle

packages/cli/package.json

@@ -61,7 +61,7 @@
     "ora": "^4.0.3",
     "raw-loader": "^4.0.1",
     "react": "^16.0.0",
-    "react-dev-utils": "^10.2.0",
+    "react-dev-utils": "^10.2.1",
     "react-hot-loader": "^4.12.21",
     "recursive-readdir": "^2.2.2",
     "replace-in-file": "^6.0.0",

packages/cli/src/lib/bundler/server.ts

@@ -34,7 +34,6 @@ export async function serveBundle(options: ServeOptions) {
   }
 
   const protocol = yn(process.env.HTTPS, { default: false }) ? 'https' : 'http';
-  const urls = prepareUrls(protocol, host, port);
 
   const paths = resolveBundlingPaths(options);
   const pkgPath = paths.targetPackageJson;
@@ -63,6 +62,19 @@ export async function serveBundle(options: ServeOptions) {
         return;
       }
 
+      // TODO: This signature is available in 10.2.1 but doesn't have types published yet
+      const latestPrepareUrls = prepareUrls as (
+        protocol: string,
+        host: string,
+        port: number,
+        path?: string,
+      ) => ReturnType<typeof prepareUrls>;
+      const urls = latestPrepareUrls(
+        protocol,
+        host,
+        port,
+        config.output?.publicPath,
+      );
       openBrowser(urls.localUrlForBrowser);
       resolve();
     });