cloudflare/vinext

Build failure: CSS modules + PostCSS in the RSC environment

Fermée

#1 509 ouverte le 22 mai 2026

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (0 personne assignée)TypeScript (384 forks)github user discovery
adapter-api-e2ehelp wanted

Métriques du dépôt

Stars
 (8 625 étoiles)
Métriques de merge PR
 (Merge moyen 1j 1h) (462 PRs mergées en 30 j)

Description

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.

Guide contributeur

Direction de recherche
Examinez le fichier de test en échec et suivez le pipeline de traitement CSS, en vous concentrant sur l'interaction entre PostCSS et le hachage de classe des modules CSS dans l'environnement RSC.
Stack technique
typescriptreactvite
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
TypeScriptReactVite
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60