cloudflare/vinext

App Router: dynamically imported component renders fallback content instead of its actual content

Chiusa

#1533 aperta il 22 mag 2026

Vedi su GitHubGuida contributor
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (383 fork)github user discovery
adapter-api-e2ehelp wanted

Metriche repository

Star
 (8624 stelle)
Metriche merge PR
 (Merge medio 1g 1h) (462 PR mergiate in 30 g)

Descrizione

This issue was created by an agent analysing CI failures from the Next.js Deploy Suite (vinext main vs Next.js v16.2.6, 2026-05-22).

Problem

A dynamically imported component should render its actual content (e.g. submit) but instead renders the loading/fallback text (e.g. Reload). The lazy component never resolves to its target output.

Expected component to render `submit`, rendered `Reload` (loading fallback)

Estimated Impact

~1 test failures across the deploy suite.

Affected Test Suites

  • test/e2e/app-dir/dynamic-import/dynamic-import.test.ts

Recommendation

  1. Reproduce first in vinext's own test suite. Add a next/dynamic import of a server/client component and assert the actual component text renders, not the loading fallback.

  2. Investigate why the lazy import never resolves. Check the dynamic chunk loading path: missing chunk URL, failed module evaluation, or Suspense never resolving.

Part of #1328.

Guida contributor

Direzione di ricerca
Riproduci il problema localmente usando la suite di test di vinext, poi traccia il processo di risoluzione dell'import dinamico nel plugin di vite per identificare perché il fallback persiste. Controlla il caricamento dei chunk, la valutazione dei moduli e i confini di Suspense.
Tech stack
typescript
Dominio
frontendbackend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitNode.jsReactNext.js dynamic imports
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70