feat: show message when have no network connection (#10153)

* feat: show message when have no network connection

* feat: show message when have no network connection #10153

Co-authored-by: 咲奈Sakina <59400654+fz6m@users.noreply.github.com>

Co-authored-by: 咲奈Sakina <59400654+fz6m@users.noreply.github.com>

Author: AkaraChen

packages/utils/src/getDevBanner.ts

@@ -25,9 +25,10 @@ export function getDevBanner(
   const local = `  ${chalk.gray('>')}   Local: ${chalk.green(
     `${protocol}//${host === '0.0.0.0' ? 'localhost' : host}:${port}`,
   )} `;
-  const network = `  ${chalk.gray('>')} Network: ${chalk.green(
-    `${protocol}//${address.ip()}:${port}`,
-  )} `;
+  const ip = address.ip();
+  const network = `  ${chalk.gray('>')} Network: ${
+    ip ? chalk.green(`${protocol}//${ip}:${port}`) : chalk.gray('Not available')
+  } `;
   const maxLen = Math.max(
     ...[header, footer, local, network].map((x) => stripAnsi(x).length),
   );