From 5433f052d1d053d9b534e497cf1485c26bc37863 Mon Sep 17 00:00:00 2001 From: gmendesfonseca Date: Fri, 7 Aug 2026 13:57:11 -0300 Subject: [PATCH 1/2] docs: fix non-existent `bridge-react/react` import path The Producer and Consumer API tables in the React Bridge getting-started guide point at `@module-federation/bridge-react/react`. That subpath is not in the package's `exports` map and never has been, so the import fails to resolve: $ node -e "require.resolve('@module-federation/bridge-react/react')" MODULE_NOT_FOUND The correct entry for the legacy (React 16/17) `createBridgeComponent`, for `createRemoteAppComponent` and for `lazyLoadComponentPlugin` is the package root, which is what `apps/router-demo` and the sibling `load-app` / `export-app` guides already use. Replaces all 9 occurrences across en, zh and pt-BR. --- .../docs/en/guide/bridge/react/getting-started.mdx | 6 +++--- .../docs/pt-BR/guide/bridge/react/getting-started.mdx | 6 +++--- .../docs/zh/guide/bridge/react/getting-started.mdx | 6 +++--- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/apps/website-new/docs/en/guide/bridge/react/getting-started.mdx b/apps/website-new/docs/en/guide/bridge/react/getting-started.mdx index 9ea452fbfeb..5c2c44b9d31 100644 --- a/apps/website-new/docs/en/guide/bridge/react/getting-started.mdx +++ b/apps/website-new/docs/en/guide/bridge/react/getting-started.mdx @@ -34,7 +34,7 @@ | ------------- | ----------- | | React 19 | `@module-federation/bridge-react/v19` | | React 18 | `@module-federation/bridge-react/v18` | -| React 16 / 17 | `@module-federation/bridge-react/react` | +| React 16 / 17 | `@module-federation/bridge-react` | :::warning Important @@ -56,8 +56,8 @@ shared: { | API | Description | Import Path | | -------------------------- | --------------------------------------------------------------------------------------------------- | ---------------------------------------- | -| `createRemoteAppComponent` | Loads and renders a remote Bridge component in the host, automatically handling rendering context and router integration | `@module-federation/bridge-react/react` | -| `lazyLoadComponentPlugin` | Prefetch and lazy-loading plugin | `@module-federation/bridge-react/react` | +| `createRemoteAppComponent` | Loads and renders a remote Bridge component in the host, automatically handling rendering context and router integration | `@module-federation/bridge-react` | +| `lazyLoadComponentPlugin` | Prefetch and lazy-loading plugin | `@module-federation/bridge-react` | ### 💡 Examples diff --git a/apps/website-new/docs/pt-BR/guide/bridge/react/getting-started.mdx b/apps/website-new/docs/pt-BR/guide/bridge/react/getting-started.mdx index c8302491c67..18ad767d1f3 100644 --- a/apps/website-new/docs/pt-BR/guide/bridge/react/getting-started.mdx +++ b/apps/website-new/docs/pt-BR/guide/bridge/react/getting-started.mdx @@ -34,7 +34,7 @@ | ------------- | ----------- | | React 19 | `@module-federation/bridge-react/v19` | | React 18 | `@module-federation/bridge-react/v18` | -| React 16 / 17 | `@module-federation/bridge-react/react` | +| React 16 / 17 | `@module-federation/bridge-react` | :::warning Important @@ -56,8 +56,8 @@ shared: { | API | Description | Importe Caminho | | -------------------------- | --------------------------------------------------------------------------------------------------- | ---------------------------------------- | -| `createRemoteAppComponent` | Carrega e renders uma remote Bridge componente em o host, automatically handling rendering context e router integração | `@module-federation/bridge-react/react` | -| `lazyLoadComponentPlugin` | Pré-busca e lazy-carregamento plugin | `@module-federation/bridge-react/react` | +| `createRemoteAppComponent` | Carrega e renders uma remote Bridge componente em o host, automatically handling rendering context e router integração | `@module-federation/bridge-react` | +| `lazyLoadComponentPlugin` | Pré-busca e lazy-carregamento plugin | `@module-federation/bridge-react` | ### 💡 Exemplos diff --git a/apps/website-new/docs/zh/guide/bridge/react/getting-started.mdx b/apps/website-new/docs/zh/guide/bridge/react/getting-started.mdx index 375c9469aea..3e07c3ad9e2 100644 --- a/apps/website-new/docs/zh/guide/bridge/react/getting-started.mdx +++ b/apps/website-new/docs/zh/guide/bridge/react/getting-started.mdx @@ -34,7 +34,7 @@ |---------|---------| | React 19 | `@module-federation/bridge-react/v19` | | React 18 | `@module-federation/bridge-react/v18` | -| React 16 / 17 | `@module-federation/bridge-react/react` | +| React 16 / 17 | `@module-federation/bridge-react` | :::warning 重要 @@ -57,8 +57,8 @@ shared: { | API | 描述 | 导入路径 | |-----|------|----------| -| `createRemoteAppComponent` | 在宿主中加载并渲染远程 Bridge 组件，自动处理渲染上下文与路由集成 | `@module-federation/bridge-react/react` | -| `lazyLoadComponentPlugin` | 预取与懒加载插件 | `@module-federation/bridge-react/react` | +| `createRemoteAppComponent` | 在宿主中加载并渲染远程 Bridge 组件，自动处理渲染上下文与路由集成 | `@module-federation/bridge-react` | +| `lazyLoadComponentPlugin` | 预取与懒加载插件 | `@module-federation/bridge-react` | ### 💡 示例 From cc4d431ed5d2fa01f03188ec13a33884d1fbb40e Mon Sep 17 00:00:00 2001 From: gmendesfonseca Date: Tue, 18 Aug 2026 20:50:36 -0300 Subject: [PATCH 2/2] docs: point lazyLoadComponentPlugin at its dedicated entry The Consumer API table listed the package root as the import path for lazyLoadComponentPlugin. The root re-exports createRemoteAppComponent from ./remote/router-component, so importing the plugin from there pulls in the optional react-router-dom peer. The dedicated ./lazy-load-component-plugin entry only depends on ../lazy and @module-federation/runtime. --- apps/website-new/docs/en/guide/bridge/react/getting-started.mdx | 2 +- .../docs/pt-BR/guide/bridge/react/getting-started.mdx | 2 +- apps/website-new/docs/zh/guide/bridge/react/getting-started.mdx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/website-new/docs/en/guide/bridge/react/getting-started.mdx b/apps/website-new/docs/en/guide/bridge/react/getting-started.mdx index 5c2c44b9d31..ae41825f14e 100644 --- a/apps/website-new/docs/en/guide/bridge/react/getting-started.mdx +++ b/apps/website-new/docs/en/guide/bridge/react/getting-started.mdx @@ -57,7 +57,7 @@ shared: { | API | Description | Import Path | | -------------------------- | --------------------------------------------------------------------------------------------------- | ---------------------------------------- | | `createRemoteAppComponent` | Loads and renders a remote Bridge component in the host, automatically handling rendering context and router integration | `@module-federation/bridge-react` | -| `lazyLoadComponentPlugin` | Prefetch and lazy-loading plugin | `@module-federation/bridge-react` | +| `lazyLoadComponentPlugin` | Prefetch and lazy-loading plugin | `@module-federation/bridge-react/lazy-load-component-plugin` | ### 💡 Examples diff --git a/apps/website-new/docs/pt-BR/guide/bridge/react/getting-started.mdx b/apps/website-new/docs/pt-BR/guide/bridge/react/getting-started.mdx index 18ad767d1f3..f20fd98c540 100644 --- a/apps/website-new/docs/pt-BR/guide/bridge/react/getting-started.mdx +++ b/apps/website-new/docs/pt-BR/guide/bridge/react/getting-started.mdx @@ -57,7 +57,7 @@ shared: { | API | Description | Importe Caminho | | -------------------------- | --------------------------------------------------------------------------------------------------- | ---------------------------------------- | | `createRemoteAppComponent` | Carrega e renders uma remote Bridge componente em o host, automatically handling rendering context e router integração | `@module-federation/bridge-react` | -| `lazyLoadComponentPlugin` | Pré-busca e lazy-carregamento plugin | `@module-federation/bridge-react` | +| `lazyLoadComponentPlugin` | Pré-busca e lazy-carregamento plugin | `@module-federation/bridge-react/lazy-load-component-plugin` | ### 💡 Exemplos diff --git a/apps/website-new/docs/zh/guide/bridge/react/getting-started.mdx b/apps/website-new/docs/zh/guide/bridge/react/getting-started.mdx index 3e07c3ad9e2..2d07410be00 100644 --- a/apps/website-new/docs/zh/guide/bridge/react/getting-started.mdx +++ b/apps/website-new/docs/zh/guide/bridge/react/getting-started.mdx @@ -58,7 +58,7 @@ shared: { | API | 描述 | 导入路径 | |-----|------|----------| | `createRemoteAppComponent` | 在宿主中加载并渲染远程 Bridge 组件，自动处理渲染上下文与路由集成 | `@module-federation/bridge-react` | -| `lazyLoadComponentPlugin` | 预取与懒加载插件 | `@module-federation/bridge-react` | +| `lazyLoadComponentPlugin` | 预取与懒加载插件 | `@module-federation/bridge-react/lazy-load-component-plugin` | ### 💡 示例