Next.js 9.2 で「pages/_app.js」以外のファイルからグローバル CSS をインポートできないのはなぜですか?

「カスタム 以外のファイルからグローバル CSS をインポートできない」のはなぜですか?

Next.js バージョン 9.2 では、グローバル CSS の処理方法を刷新しました。このリリースより前は、グローバル CSS は任意のモジュールからインポートできました。ただし、この方法では、テーマのカスタマイズとスタイルの管理に課題が生じました。

解決策:

この問題に対処するために、Next.js では、すべてのグローバル CSS インポートがPages/_app.js ファイルに移動されました。これにより、開発者はグローバル スタイルを複数のファイルに分散させることなく、一元化して制御できるようになります。

エラーを解決する手順:

1. レガシー Sass を削除するローダー: @zeit/next-sass パッケージを次のように置き換えます。 sass.
2. next.config.js 構成を削除します: 組み込み CSS ローダーに依存するために next.config.js から CSS 構成を削除します。
3. グローバルCSSをpages/_app.jsに移動:グローバルCSSをpages/_app.jsファイルにインポートします。

注: 特定のコンポーネントまたはページにスタイルを追加する必要がある場合は、組み込みの CSS モジュール機能を利用できます。これにより、インポート先の特定のコンポーネントまたはページにのみ適用されるスコープ付きスタイルを作成できます。

追加情報:

• [Next.js] CSSローダー](https://nextjs.org/docs/advanced-features/customizing-css)
• [Next.js の CSS モジュール](https://nextjs.org/learn/basics/css/モジュール)

以上がNext.js 9.2 で「pages/_app.js」以外のファイルからグローバル CSS をインポートできないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。