国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Gemeinschaft

Lernen

Tools-Bibliothek

KI-Tools

Freizeit

Deutsch

Warum kann ich in meiner Next JS-App keine CSS-Dateien verwenden?

P粉904191507 2023-09-22 10:58:43

1467

Ich habe an einem Projekt mit Next JS für das Website-Design gearbeitet und m?chte CSS-Dateien für das Komponentendesign verwenden, aber warum kann ich sie nicht in meine Komponente importieren? Ist es m?glich, in einer Next JS-App nur modulare CSS-Dateien zu verwenden?

Ich habe viele Male versucht, CSS-Dateien in mein Next JS-Projekt zu importieren, aber der Import war nicht erfolgreich. Ich habe die globale CSS-Datei und die modulare CSS-Datei importiert, kann die CSS-Datei jedoch nicht importieren.

P粉904191507

Antworte allen(1)

P粉1436404962023-09-23 09:51:09 1 Etage

如果你不想使用模塊，而是想使用一個全局的CSS文件，影響所有的組件和頁面，那么是可以的。

但是如果你想為每個組件使用單獨的CSS文件，那么模塊是解決方案。

請參考這個文檔

如果還沒有，請創(chuàng)建一個pages/_app.js文件。然后，導(dǎo)入styles.css文件。

import '../your_styles_file.css'
 
// 這個默認(rèn)導(dǎo)出在新的 `pages/_app.js` 文件中是必需的。
export default function YourApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

由于樣式表的全局性質(zhì)和為了避免沖突，你只能在pages/_app.js中導(dǎo)入它們。 styles.css中的這些樣式將應(yīng)用于應(yīng)用程序中的所有頁面和組件。