{{ result }}
\n\n```\n\n这里的名字一一对应：\n\n```text\nremote-vue/Button\n└─ remotes 中的键 remote-vue\n └─ 远程 exposes 中的键 ./Button（调用时省略 ./）\n```\n\n`loadRemote` 返回文件导出的内容。加载 `math.ts` 后，仍要调用 `math.add()` 才会执行加法。\n\n### 5. 启动并检查结果\n\n在两个终端分别运行：\n\n```bash\n# 终端一，remote-vue 项目内\nnpm run dev -- --port 5174 --strictPort\n\n# 终端二，host-vue 项目内\nnpm run dev -- --port 5173 --strictPort\n```\n\n打开 `http://localhost:5173`，应看到能增加计数的远程按钮；点击计算按钮应显示 `3`。使用 pnpm 的项目也可用 `pnpm dev` 启动。\n\n完整工程与生产部署配置见 [Vue examples](https://github.com/chenmingye/fulgurjs-federation/tree/master/examples/templates/vue-vue)。\n\n## React 怎么接入\n\n配置方式与 Vue 相同，只需换成 React 插件、共享依赖和浏览器导入入口。\n\n在两个已有 React + Vite 项目中：\n\n1. `vite.config.ts` 使用 `@vitejs/plugin-react`，后面注册 `federation(fulgurjsConfig)`。\n2. 远程把 `./Button` 指向 `./src/Button.tsx`；宿主配置对应 `remotes` 地址。\n3. 两边用兼容的 React/renderer 版本，并共享 `react`、`react-dom`：\n\n```ts\nshared: {\n react: { singleton: true, strictVersion: true },\n 'react-dom': { singleton: true, strictVersion: true },\n}\n```\n\n远程的 `src/Button.tsx`：\n\n```tsx\nimport { useState } from 'react'\n\nexport default function Button({ label }: { label: string }) {\n const [count, setCount] = useState(0)\n return \n}\n```\n\n宿主的 `src/App.tsx`（假设 `remotes` 中配置的名字是 `remote-react`）：\n\n```tsx\nimport { remoteComponent } from '@fulgurjs/federation/react'\n\n// 放在模块顶层，不要在每次组件渲染时重新创建。\nconst RemoteButton = remoteComponent<{ label: string }>('remote-react/Button', {\n fallback:正在加载…
,\n})\n\nexport default function App() {\n return