子应用使用vite报错

[tal007]

主应用使用的官方的 https://stackblitz.com/edit/garfish-demo?file=react-sub%2Fsrc%2FApp.js
子应用使用 vite npm create vite@latest vite-vue -- --template vue 和 npm create vite@latest vite-react -- --template react 新建了两个。
按照官方的 https://www.garfishjs.org/guide/demo/vite 配置了子应用

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

const port = 5174;
// https://vitejs.dev/config/
export default defineConfig({
  base: `http://localhost:${port}/`,
  plugins: [vue()],
  
  server: {
    port,
    cors: true,
    origin: `http://localhost:${port}`,
  }
})

vue main.js

import { h, createApp } from "vue";
import "./style.css";
import App from "./App.vue";
import { vueBridge } from "@garfish/bridge-vue-v3";

if (!window.__GARFISH__) {
  createApp(App).mount("#app");
}

export const provider = vueBridge({
  rootComponent: App,
  appOptions: () => {
    return {
      el: "#app",
      render: () => h(App),
    };
  },
});

react main.js

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './index.css'
import { reactBridge } from '@garfish/bridge-react-v18';

if (!window.__GARFISH__) {
  ReactDOM.createRoot(document.getElementById('root')).render(
    <React.StrictMode>
      <App />
    </React.StrictMode>,
  )
}

export const provider = reactBridge({
  el: '#root',
  rootComponent: App,
});

官方代码 main 修改如下

import App from "./App";
import React from "react";
import ReactDOM from "react-dom";
import Garfish from "garfish";
import { GarfishEsModule } from "@garfish/es-module";

Garfish.run({
  apps: [
    // {
    //   name: "sub",
    //   basename: "/sub",
    //   activeWhen: '/',
    //   entry: 'http://localhost:3002',
    //   domGetter: '#vite',
    //   sandbox: {
    //     fixBaseUrl: true,
    //   },
    //   props: {
    //     msg: 'hello world',
    //   },
    // },
    // {
    //   name: "react",
    //   basename: "/react",
    //   activeWhen: "/",
    //   entry: "http://localhost:5173/",
    //   domGetter: "#vite",
    //   props: {
    //     msg: "hello world",
    //   },
    //   sandbox: false
    // },
    {
      name: "vue",
      basename: "/vue",
      activeWhen: "/",
      entry: "http://localhost:5174/",
      domGetter: "#vite",
      props: {
        msg: "hello world",
      },
    },
  ],
  plugins: [
    GarfishEsModule({
      excludes: ["sub"],
    }),
  ],
});

ReactDOM.render(<App />, document.getElementById("root"));

但是实际运行的时候报错

不管是vue还是react都会有这个错。如果是react，把子应用sandbox打开，则会出现

这个问题该怎么解决