Next JS アプリで CSS ファイルを使用できないのはなぜですか?

Question

Web サイトのデザインに Next JS を使用するプロジェクトに取り組んでおり、コンポーネントのデザインに CSS ファイルを使用したいと考えていますが、コンポーネントに CSS ファイルをインポートできないのはなぜですか? Next JS アプリではモジュラー CSS ファイルのみを使用できますか?

Next JS プロジェクトに CSS ファイルをインポートしようと何度も試みましたが、成功しませんでした。 グローバル CSS ファイルとモジュラー CSS ファイルをインポートしましたが、CSS ファイルをインポートできません。

Answer 1

module を使用したくないが、すべてのコンポーネントとページに影響を与えるグローバル CSS ファイルを使用したい場合は、それが可能です。

ただし、コンポーネントごとに個別の CSS ファイルを使用したい場合は、モジュールが解決策です。

このドキュメントを参照してください

pages/_app.js ファイルをまだお持ちでない場合は作成します。次に、styles.css ファイルをインポートします。

リーリー

スタイル シートはグローバルな性質を持ち、競合を避けるため、pages/_app.js にのみインポートできます。 style.css 内のこれらのスタイルは、アプリケーション内のすべてのページとコンポーネントに適用されます。