Web サイトのデザインに Next JS を使用するプロジェクトに取り組んでおり、コンポーネントのデザインに CSS ファイルを使用したいと考えていますが、コンポーネントに CSS ファイルをインポートできないのはなぜですか? Next JS アプリではモジュラー CSS ファイルのみを使用できますか?
Next JS プロジェクトに CSS ファイルをインポートしようと何度も試みましたが、成功しませんでした。 グローバル CSS ファイルとモジュラー CSS ファイルをインポートしましたが、CSS ファイルをインポートできません。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
module を使用したくないが、すべてのコンポーネントとページに影響を与えるグローバル CSS ファイルを使用したい場合は、それが可能です。
ただし、コンポーネントごとに個別の CSS ファイルを使用したい場合は、モジュールが解決策です。
このドキュメントを参照してください
リーリーpages/_app.jsファイルをまだお持ちでない場合は作成します。次に、styles.css ファイルをインポートします。スタイル シートはグローバルな性質を持ち、競合を避けるため、pages/_app.js にのみインポートできます。 style.css 内のこれらのスタイルは、アプリケーション内のすべてのページとコンポーネントに適用されます。