Next.js 13.5.6开发模式报错：Loader缺失及文件找不到

问题根源分析 #

1. 模块解析失败：pages/_app.tsx的loader错误，本质是项目中存在Next.js无法识别的文件后缀，导致编译流程中断。
2. 缺失fallback-build-manifest.json：这是编译失败的连锁反应——编译中途出错，Next.js未能生成完整的构建清单文件。

具体修复步骤 #

1. 修正错误的文件后缀 #

检查tsconfig.json的include数组，发现存在无效文件后缀：

"pages/[teamSlug]/createSeason.ksx"

将.ksx改为.tsx（或.jsx，根据实际文件类型）。Next.js的SWC编译器无法识别.ksx后缀，这会直接阻塞整个编译流程，进而引发_app.tsx的解析错误。

2. 简化tsconfig.json的include配置 #

当前include数组重复罗列了大量具体文件，完全没必要——**/*.ts和**/*.tsx已能覆盖所有TypeScript/TSX文件。简化后可避免冗余配置引发的潜在问题：

"include": [
  "next-env.d.ts",
  "**/*.ts",
  "**/*.tsx",
  "**/*.js",
  "**/*.jsx"
],

3. 重新清理并启动开发服务 #

执行以下命令彻底清理缓存和依赖，重新构建：

# 删除依赖和构建目录
rm -rf node_modules .next
# 重新安装依赖
npm ci
# 启动开发服务
npm run dev

额外检查点 #

• 确认_app.tsx返回的JSX代码完整有效（当前代码中return ( /* JSX */ );为占位符，实际需替换为合法JSX）。
• 若修复后仍有问题，可尝试将next.config.js中的swcMinify: false改为true，测试是否为SWC配置问题。

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