Skip to content

fix: repair Angular Vite federation remote#183

Merged
Nsttt merged 2 commits intomainfrom
codex/fix-angular-vite-remote-root
May 4, 2026
Merged

fix: repair Angular Vite federation remote#183
Nsttt merged 2 commits intomainfrom
codex/fix-angular-vite-remote-root

Conversation

@Nsttt
Copy link
Copy Markdown
Member

@Nsttt Nsttt commented May 4, 2026

Summary

  • Fix the Angular Vite remote standalone page by mounting the bootstrapped component selector.
  • Rename the Module Federation app/package IDs to angular_vite_remote and angular_vite_host.
  • Update host imports, Zephyr dependency metadata, and docs to match the new app names.

Root Cause

The remote bootstraps PromoCardComponent, whose selector is app-promo-card, but remote/index.html mounted app-root. Opening the built remote directly caused Angular NG05104 because the root element did not exist.

Validation

  • pnpm build
  • pnpm exec playwright test --project=chromium from scripts/

@Nsttt Nsttt self-assigned this May 4, 2026
@Nsttt Nsttt marked this pull request as ready for review May 4, 2026 13:41
@Nsttt Nsttt enabled auto-merge (squash) May 4, 2026 13:41
@Nsttt Nsttt merged commit 8a39af5 into main May 4, 2026
6 checks passed
@Nsttt Nsttt deleted the codex/fix-angular-vite-remote-root branch May 4, 2026 13:42
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🚀 Preview Environment Ready!

41 deployed applications (click to expand)
Name Status URL
vite-ember ✅ Active https://rodrigo-yokota-37665-vite-ember-zephyr-examples-z-87d1564... ↗
airbnb-reservations ✅ Active https://rodrigo-yokota-37624-airbnb-reservations-zephyr-e-2ede0cf... ↗
nitro-hono ✅ Active https://rodrigo-yokota-37677-nitro-hono-zephyr-examples-z-bb53a4c... ↗
vite-solid ✅ Active https://rodrigo-yokota-37668-vite-solid-zephyr-examples-z-8c4bbc5... ↗
vite-webpack ✅ Active https://rodrigo-yokota-37653-vite-webpack-zephyr-examples-03dae9c... ↗
tanstack-start ✅ Active https://rodrigo-yokota-37670-tanstack-start-zephyr-exampl-0a417af... ↗
tractor-v2-explore ✅ Active https://rodrigo-yokota-37658-tractor-v2-explore-zephyr-ex-d93a98f... ↗
vite-rspack ✅ Active https://rodrigo-yokota-37654-vite-rspack-zephyr-examples--8c290fc... ↗
default-webpack-mf-first ✅ Active https://rodrigo-yokota-37657-default-webpack-mf-first-zep-24351ae... ↗
vite-angular ✅ Active https://rodrigo-yokota-37661-vite-angular-zephyr-examples-b9e8fed... ↗
tractor-v2-decide ✅ Active https://rodrigo-yokota-37662-tractor-v2-decide-zephyr-exa-49be73c... ↗
remote1 ✅ Active https://rodrigo-yokota-37680-remote1-zephyr-examples-zeph-ad9ac1b... ↗
rolldown-react ✅ Active https://rodrigo-yokota-37616-rolldown-react-zephyr-exampl-98a7db7... ↗
airbnb-trips ✅ Active https://rodrigo-yokota-37623-airbnb-trips-zephyr-examples-8044d1c... ↗
rspack-react ✅ Active https://rodrigo-yokota-37613-rspack-react-zephyr-examples-efd1c9d... ↗
vite-host ✅ Active https://rodrigo-yokota-37659-vite-host-zephyr-examples-ze-68bd16d... ↗
vite-react ✅ Active https://rodrigo-yokota-37615-vite-react-zephyr-examples-z-6f92c4b... ↗
tsdown-react-components ✅ Active https://rodrigo-yokota-37618-tsdown-react-components-zeph-5956d1d... ↗
nitro-elysia ✅ Active https://rodrigo-yokota-37671-nitro-elysia-zephyr-examples-bf7eb9f... ↗
angular-vite-host ✅ Active https://rodrigo-yokota-37646-angular-vite-host-zephyr-exa-9c69ada... ↗
angular-vite-remote ✅ Active https://rodrigo-yokota-37628-angular-vite-remote-zephyr-e-f777a46... ↗
mf-react-rsbuild-provider ✅ Active https://rodrigo-yokota-37650-mf-react-rsbuild-provider-ze-62ff59c... ↗
nitro-hello-world ✅ Active https://rodrigo-yokota-37676-nitro-hello-world-zephyr-exa-995c27a... ↗
tractor-v2-checkout ✅ Active https://rodrigo-yokota-37660-tractor-v2-checkout-zephyr-e-769603f... ↗
tractor-v2-app ✅ Active https://rodrigo-yokota-37663-tractor-v2-app-zephyr-exampl-9f4cf82... ↗
airbnb-properties ✅ Active https://rodrigo-yokota-37621-airbnb-properties-zephyr-exa-a5af18e... ↗
-mf-nx-rspack-host ✅ Active https://rodrigo-yokota-37688-mf-nx-rspack-host-zephyr-exa-d797b92... ↗
airbnb-favorites ✅ Active https://rodrigo-yokota-37627-airbnb-favorites-zephyr-exam-3b20cb0... ↗
rspress ✅ Active https://rodrigo-yokota-37667-rspress-zephyr-examples-zeph-45412ea... ↗
modernjs ✅ Active https://rodrigo-yokota-37666-modernjs-zephyr-examples-zep-f24936c... ↗
airbnb-home ✅ Active https://rodrigo-yokota-37620-airbnb-home-zephyr-examples--658d90f... ↗
rollup-react-ts ✅ Active https://rodrigo-yokota-37617-rollup-react-ts-zephyr-examp-96700d9... ↗
remote2 ✅ Active https://rodrigo-yokota-37686-remote2-zephyr-examples-zeph-7df963b... ↗
vite-svelte ✅ Active https://rodrigo-yokota-37669-vite-svelte-zephyr-examples--01bf787... ↗
vite-remote ✅ Active https://rodrigo-yokota-37656-vite-remote-zephyr-examples--5a52a0c... ↗
airbnb-categories ✅ Active https://rodrigo-yokota-37622-airbnb-categories-zephyr-exa-d61dac1... ↗
zephyr-example-astro ✅ Active https://rodrigo-yokota-37664-zephyr-example-astro-zephyr--59260bb... ↗
mf-react-rsbuild-consumer ✅ Active https://rodrigo-yokota-37652-mf-react-rsbuild-consumer-ze-9cbf971... ↗
parcel-react ✅ Active https://rodrigo-yokota-37614-parcel-react-zephyr-examples-3117e12... ↗
airbnb-react-host ✅ Active https://rodrigo-yokota-37647-airbnb-react-host-zephyr-exa-a34cbe8... ↗
default-webpack-mf-second ✅ Active https://rodrigo-yokota-37655-default-webpack-mf-second-ze-da4190e... ↗

Details:

  • Latest Commit: 85fccfa
  • Updated at: 5/4/2026, 1:44:08 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants