React迁移至Next.JS后CSS文件被重复处理问题求助

我正在将个人小型项目从React.js迁移至Next.js，发现CSS文件被以不同名称处理了两次。作为前端开发新手，我不清楚产生该问题的原因，也不确定这是否是当前遇到的部分问题的根源。

项目情况说明 #

• 项目架构：组件目录下包含Header、Footer组件，对应有Header.module.css和Footer.css文件，根布局已导入这两个组件，因此它们会在所有页面显示
• 开发者工具显示：同一套样式被打包成两个不同名称的文件，出现重复加载的情况

额外尝试 #

Header使用CSS模块而Footer未使用，是因为我尝试将Footer转为CSS模块来测试是否能改变结果，但并无效果。

简言之：尝试为Footer和Header添加CSS后，样式被重复加载，且显示效果与React.js时期不同。

内容的提问来源于stack exchange，提问作者ShortyLeKid