Next.js: [9.5.3] Le style suivant / _error.jsx de modules.scss ne fonctionne pas

Créé le 8 sept. 2020 · 3Commentaires · Source: vercel/next.js

Rapport d'erreur

Décrivez le bogue

depuis 9.5.3 (dans 9.5.2 fonctionne bien), la page d'erreur personnalisée a des styles cassés

Reproduire

utiliser sass pour coiffer

créer une page d'erreur personnalisée _error.jsx (tsx dans mon cas)

besoin de construire pour voir la page d'erreur réelle et essayez de créer une erreur
(construction du fil et démarrage du fil)

dans la page d'erreur, le style global fonctionne bien
mais chaque module.scss est cassé même pour la page d'erreur principale ou pour les composants importés

Informations système

sass: 1.26.10
OS: [macOS catalina || ubuntu 18.04 lts]
Version de Node.js: [v10.22.0 || v13.14.0]

bug 3 needs investigation

Source

vdiazroa

👍5

Commentaire le plus utile

Salut, la même chose pour moi.
Voici un exemple d'application à reproduire. J'espère que ceci vous aide.

https://github.com/TasukuUno/repro-nextjs-16931

TasukuUno le 10 sept. 2020

👍6

Tous les 3 commentaires

Salut, la même chose pour moi.
Voici un exemple d'application à reproduire. J'espère que ceci vous aide.

https://github.com/TasukuUno/repro-nextjs-16931

TasukuUno le 10 sept. 2020

👍6

En essayant de déboguer cela localement, je peux voir qu'aucun des chemins fournis à getCssLinks contient des chemins vers des fichiers css à partir de modules css:

https://github.com/vercel/next.js/blob/b2d1d87e7feed5535a05ec99d7558934dcbc82a5/packages/next/pages/_document.tsx#L160

En remontant, je peux voir cette ligne dans getDocumentFiles , ce qui semble être un bon candidat pour la cause du problème:

https://github.com/vercel/next.js/blob/b2d1d87e7feed5535a05ec99d7558934dcbc82a5/packages/next/pages/_document.tsx#L59

mais cette ligne a été modifiée il y a 2 mois dans https://github.com/vercel/next.js/commit/9fcf39acd45966d8a6c362bec62e49a53dcd8581. En remontant plus loin, nous atteignons getPageFiles , le dernier changement était https://github.com/vercel/next.js/commit/3597978d7f121f11df99cd7cd757e1eb9868fff7 en "Modifier les fichiers à faible priorité dans le manifeste", _possiblement_ tout ce qui se passe dans ici pourrait être la cause? L'intention est difficile à déterminer, mais ces modifications _peut_ ont rompu le contrat pour les données nécessaires pour obtenir les chemins CSS?

https://github.com/vercel/next.js/blob/3597978d7f121f11df99cd7cd757e1eb9868fff7/packages/next/next-server/server/render.tsx#L685 -L701

Lien ici vers le diff où ce qui précède a été introduit dans le commit 3597978