feat: 处理useRoute()为undefined的场景 (#3589)

Co-authored-by: jiangjiawei.fed <jiangjiawei.fed@bytedance.com>
Co-authored-by: CocooDanielle <dapeen.feng@gmail.com>

Author: 3 people

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(.*)*', '');

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