为什么我无法从 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中文网其他相关文章！