cloudflare/vinext

Build failure: CSS modules + PostCSS in the RSC environment

Geschlossen

#1.509 geöffnet am 22.05.2026

Auf GitHub ansehenContributor Guide
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (383 Forks)github user discovery
adapter-api-e2ehelp wanted

Repository-Metriken

Stars
 (8.624 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 1T 1h) (462 gemergte PRs in 30 T)

Beschreibung

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 an app combines CSS modules with PostCSS configuration in the RSC environment, the build fails with Custom deploy script failed: undefined (1). Likely a CSS pipeline interaction between @vitejs/plugin-rsc and PostCSS that does not handle CSS module class hashing through PostCSS-processed files.

CSS modules + PostCSS in RSC environment fails to build

Estimated Impact

~1 test failures across the deploy suite.

Affected Test Suites

  • test/e2e/app-dir/css-modules-rsc-postcss/css-modules-rsc-postcss.test.ts

Recommendation

  1. Reproduce first in vinext's own test suite. Add a fixture combining a *.module.css import with a custom postcss.config.js in the RSC environment.

  2. Run PostCSS before CSS-module class hashing. Make sure @vitejs/plugin-rsc runs PostCSS first, then the CSS-module class hashing pass.

Part of #1328.

Contributor Guide

Research-Richtung
Untersuchen Sie die fehlgeschlagene Testdatei und verfolgen Sie die CSS Verarbeitungspipeline, wobei Sie sich auf die Interaktion zwischen PostCSS und dem CSS Modul Klassen Hashing in der RSC Umgebung konzentrieren.
Tech Stack
typescriptreactvite
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
TypeScriptReactVite
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60