Next.js: [9.5.3] Der Next / _error.jsx-Stil von modules.scss funktioniert nicht

Erstellt am 8. Sept. 2020 · 3Kommentare · Quelle: vercel/next.js

Fehlerbericht

Beschreibe den Fehler

Seit 9.5.3 (in 9.5.2 funktioniert einwandfrei) hat die benutzerdefinierte Fehlerseite fehlerhafte Stile

Reproduzieren

mit sass zum styling

benutzerdefinierte Fehlerseite erstellen _error.jsx (in meinem Fall tsx)

Sie müssen erstellen, um die tatsächliche Fehlerseite anzuzeigen, und versuchen, einen Fehler zu erstellen
(Garnaufbau && Garnstart)

Auf der Fehlerseite funktioniert der globale Stil einwandfrei
Aber jede module.scss ist selbst für die Hauptfehlerseite oder für importierte Komponenten fehlerhaft

System Information

sass: 1.26.10
Betriebssystem: [macOS Catalina || Ubuntu 18.04 lts]
Version von Node.js: [v10.22.0 || v13.14.0]

bug 3 needs investigation

Quelle

vdiazroa

👍5

Hilfreichster Kommentar

Hallo, das gleiche für mich.
Hier ist eine Beispiel-App zum Reproduzieren. Ich hoffe das hilft dir.

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

TasukuUno am 10. Sept. 2020

👍6

Alle 3 Kommentare

Hallo, das gleiche für mich.
Hier ist eine Beispiel-App zum Reproduzieren. Ich hoffe das hilft dir.

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

TasukuUno am 10. Sept. 2020

👍6

Beim Versuch, dies lokal zu debuggen, kann ich feststellen, dass keiner der Pfade zu getCssLinks Pfade zu CSS-Dateien von CSS-Modulen enthält:

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

Wenn ich zurückverfolge, sehe ich diese Zeile in getDocumentFiles , was aussieht, als könnte sie ein guter Kandidat für die Ursache des Problems sein:

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

Diese Zeile wurde jedoch vor 2 Monaten in https://github.com/vercel/next.js/commit/9fcf39acd45966d8a6c362bec62e49a53dcd8581 geändert getPageFiles . Die letzte Änderung dort war https://github.com/vercel/next.js/commit/3597978d7f121f11df99cd7cd757e1eb9868fff7, um "Dateien mit niedriger Priorität im Manifest zu ändern", _possibly_, was auch immer vor sich geht Hier könnte die Ursache sein? Die Absicht ist schwer zu bestimmen, aber diese Änderungen haben möglicherweise den Vertrag für die Daten gebrochen, die benötigt werden, um die CSS-Pfade zu erhalten?

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

Verknüpfen Sie hier den

JamieMason am 16. Okt. 2020

👍1

Hier gibt es eine Problemumgehung: https://github.com/vercel/next.js/discussions/16784#discussioncomment -82053