`next/dynamic`: CSS imported by dynamically loaded components not applied
#1,515 建立於 2026年5月22日
倉庫指標
- Star
- (8,120 star)
- PR 合併指標
- (平均合併 1天 1小時) (30 天內合併 462 個 PR)
描述
This issue was created by an agent analysing CI failures from the Next.js Deploy Suite (vinext
mainvs Next.jsv16.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
-
Reproduce first in vinext's own test suite. Add a
next/dynamicimport of a component that imports a CSS module and assert the rendered text is visible (i.e. CSS was applied). -
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.