Next.js项目执行npm run build出现Module not found错误，此前正常

错误核心 #

执行npm run build时编译失败，根源是src/pages/homepage/home.jsx中引用的两个组件路径无法被解析，找不到对应的文件或目录：

./src/pages/homepage/home.jsx
Module not found: 无法在指定目录中解析'../../components/Services5/services5'

./src/pages/homepage/home.jsx
Module not found: 无法在指定目录中解析'../../components/About-us5/about-us5'

排查及解决步骤 #

• 核对文件与路径准确性
  1. 检查src/components/Services5/目录下是否存在services5.jsx/services5.js，或是以index.jsx/index.js命名的入口文件，注意文件名大小写（部分构建工具会严格区分大小写）。
  2. 同样确认src/components/About-us5/目录下的about-us5相关文件是否存在，路径层级是否和引用的../../匹配。
• 修正组件引用路径
  如果文件实际命名或目录层级和代码里的引用不一致，直接在home.jsx中修改import语句的路径。
• 确认目录结构匹配
  确保项目目录结构和引用逻辑一致，正确结构示例：

  portfolio/
  └── src/
      ├── components/
      │   ├── Services5/
      │   │   └── services5.jsx
      │   └── About-us5/
      │       └── about-us5.jsx
      └── pages/
          └── homepage/
              └── home.jsx
  

• 清理缓存后重试构建
  执行以下命令清理构建缓存，再重新运行构建：

  rm -rf .next
  npm run build
  

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