From 618558ddc8c7fe89e48a7806aa7d3481ce64a652 Mon Sep 17 00:00:00 2001
From: "jiangjiawei.fed" <jiangjiawei.fed@bytedance.com>
Date: Thu, 13 Mar 2025 20:16:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A4=84=E7=90=86useRoute()=E4=B8=BAun?=
 =?UTF-8?q?defined=E7=9A=84=E5=9C=BA=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/bridge/vue3-bridge/src/create.ts     | 2 +-
 packages/bridge/vue3-bridge/src/remoteApp.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/bridge/vue3-bridge/src/create.ts b/packages/bridge/vue3-bridge/src/create.ts
index fa711b5ec97..756d80ff4f6 100644
--- a/packages/bridge/vue3-bridge/src/create.ts
+++ b/packages/bridge/vue3-bridge/src/create.ts
@@ -19,7 +19,7 @@ export function createRemoteComponent(info: {
       const route = useRoute();
 
       let basename = '/';
-      const matchPath = route.matched[0]?.path;
+      const matchPath = route?.matched?.[0]?.path;
       if (matchPath) {
         if (matchPath.endsWith('/:pathMatch(.*)*')) {
           basename = matchPath.replace('/:pathMatch(.*)*', '');
diff --git a/packages/bridge/vue3-bridge/src/remoteApp.tsx b/packages/bridge/vue3-bridge/src/remoteApp.tsx
index 11d87ca2a8e..4bdd4b59a8c 100644
--- a/packages/bridge/vue3-bridge/src/remoteApp.tsx
+++ b/packages/bridge/vue3-bridge/src/remoteApp.tsx
@@ -56,7 +56,7 @@ export default defineComponent({
     };
 
     const watchStopHandle = watch(
-      () => route.path,
+      () => route?.path,
       (newPath) => {
         if (newPath !== route.path) {
           renderComponent();