NEXT.JS In falscher CSS -Bestellung bricht Kaskadenschichten
Posted: 22 May 2025, 10:47
Ich habe eine nächste. Daher habe ich die folgende Zeile in meinem globalen.css: < /p>
Ich scheint, dass PostCSS die Dateien nach alphabetischer Reihenfolge lädt, so dass alles in ./node_modules vor ./src angezeigt wird. Dies bedeutet, dass einige der Schichten bereits vor der Schichtbestellung deklariert wurden, was die Bestellung bricht. Weiß jemand, wie ich sicherstellen kann, dass Globals.css die erste Datei ist, die dem generierten CSS hinzugefügt wird?
Code: Select all
@layer reset, basecolors, mantine, dsno, kyvtokens, kyvtokenstodesignsystemet, styrbord;
< /code>
Die Datei Global.css ist die erste in meinem Layout importiert.import '../globals.css';
import '@mantine/core/styles.layer.css';
import '@mantine/dates/styles.layer.css';
import '@mantine/dropzone/styles.layer.css';
import '@mantine/notifications/styles.layer.css';
import '@kystverket/styrbord/style.css';
import 'material-symbols';
< /code>
Im generierten Layout.css werden die Dateien jedoch in einer anderen Reihenfolge angezeigt: < /p>
./node_modules/@kystverket/styrbord/dist/style.css
./node_modules/@mantine/core/styles.layer.css
./node_modules/@mantine/dates/styles.layer.css
... other files...
./src/app/globals.css