Next.js でページを更新すると CSS スタイルが消えるのはなぜですか?

Question

アプリケーションフォルダー内にCSSフォルダーを作成し、その中にCSSファイルを書き込みました。次に、それらをコンポーネントにインポートして使用します。これらは最初のロード時に適用されます。しかし、ページを更新すると、それらはすべて消えてしまいます。 私のフォルダー構造

戻ってファイルを再度保存してみましたが、うまくいきましたが、再度更新するたびに消えてしまいました。

Answer 1

次の js では、CSS を単一のページ コンポーネントごとに読み込むことができません。内部でのみロード可能 pages/_app.js

リーリー

単一コンポーネント内で呼び出す必要がある場合は、CSS モジュールにする必要があります。

例: components/layout.js

リーリー

components/layout.module.css

内 リーリー

その他のコンテンツは ここにあります