cloudflare/vinext

`next/dynamic`: CSS imported by dynamically loaded components not applied

开放

#1,515 创建于 2026年5月22日

 (0 条评论) (0 个反应) (0 位负责人)TypeScript (385 个派生)github user discovery
adapter-api-e2ehelp wanted

仓库指标

星标
 (8,633 个星标)
PR 合并指标
 (平均合并 1天 1小时) (30 天内合并 462 个 PR)

描述

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

When a component is loaded via next/dynamic, the CSS it imports (global, CSS modules) is not injected into the page. Components fail to become visible (zero size due to missing styles), causing all 4 tests in the suite to time out waiting for elements.

waiting for locator('#server') to be visible — CSS for dynamic component never injected

Estimated Impact

~4 test failures across the deploy suite.

Affected Test Suites

  • test/e2e/app-dir/next-dynamic-css/next-dynamic-css.test.ts (4 failures)

Recommendation

  1. Reproduce first in vinext's own test suite. Add a next/dynamic import of a component that imports a CSS module and assert the rendered text is visible (i.e. CSS was applied).

  2. Inject the dynamic component's CSS on load. When the dynamic chunk loads, append its associated CSS to the document. Use Vite's CSS asset metadata.


Part of #1328.

贡献者指南