Warum kann ich in Next.js 9.2 kein globales CSS aus anderen Dateien als „pages/_app.js' importieren?

Warum „Globales CSS kann nicht aus anderen Dateien als Ihrer benutzerdefinierten importiert werden“?

Next.js Version 9.2 führt ein Überarbeitung der Art und Weise, wie globales CSS gehandhabt wird. Vor dieser Version konnte globales CSS aus jedem Modul importiert werden. Diese Vorgehensweise führte jedoch zu Herausforderungen beim Anpassen von Designs und beim Verwalten von Stilen.

Lösung:

Um dieses Problem zu beheben, erfordert Next.js jetzt, dass alle globalen CSS-Importe ausgeführt werden in die Datei „pages/_app.js“ verschoben. Dadurch können Entwickler die globalen Stile zentralisieren und steuern, ohne sie über mehrere Dateien zu verteilen.

Schritte zur Behebung des Fehlers:

1. Entfernen Sie Legacy Sass Loader: Ersetzen Sie das @zeit/next-sass-Paket durch sass.
2. Next.config.js-Konfiguration entfernen:Entfernen Sie die CSS-Konfiguration aus next.config.js, um sich auf den integrierten CSS-Loader zu verlassen.
3. Globales CSS nach „pages/_app.js“ verschieben: Importieren Sie das globale CSS in die Datei „pages/_app.js“, wie in der Antwort gezeigt Beispiel.

Hinweis: Wenn Sie Stile zu bestimmten Komponenten oder Seiten hinzufügen müssen, können Sie die integrierte CSS-Module-Funktion nutzen. Dadurch können Sie bereichsbezogene Stile erstellen, die nur auf die spezifischen Komponenten oder Seiten angewendet werden, auf denen sie importiert werden.

Zusätzliche Informationen:

• [Next.js CSS Loader](https://nextjs.org/docs/advanced-features/customizing-css)
• [CSS-Module in Next.js](https://nextjs.org/learn/basics/css/ Module)

Das obige ist der detaillierte Inhalt vonWarum kann ich in Next.js 9.2 kein globales CSS aus anderen Dateien als „pages/_app.js' importieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!