為什麼我無法從 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配置：從 next.config.js 中刪除 CSS 配置以依賴內建 CSS 載入器。
3. 將全域CSS移至pages/_app.js：在pages/_app.js檔案中匯入全域CSS，如答案所示例如。

注意：如果您需要在特定元件或頁面上新增樣式，可以利用內建的 CSS 模組功能。這允許您建立僅套用於匯入它們的特定元件或頁面的範圍樣式。

其他資訊：

• [Next.js CSS 載入器](https://nextjs.org/docs/advanced-features/customizing-css )
• [CSS 模組在Next.js中](https://nextjs.org/learn/basics/css/modules)

以上是為什麼我無法從 Next.js 9.2 中的 `pages/_app.js` 以外的檔案匯入全域 CSS？的詳細內容。更多資訊請關注PHP中文網其他相關文章！