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();