Next.js删除创建的layout.js文件后仍提示找不到该文件

问题详情 #

此前在src/app/blog/[id]目录创建过layout.js用于测试，删除该文件后，Next.js开发服务器仍尝试加载不存在的文件，报错信息：

./src/app/blog/[id]/layout.jsx Error: ENOENT: no such file or directory, open 'D:\Dévelopement WEB\Tutorials\nextTuto\nextapplamadev\src\app\blog[id]\layout.jsx'

项目结构：

可行解决方案 #

• 清理Next.js缓存：执行npx next clean命令，清除.next目录中的缓存内容，消除旧文件引用残留。
• 重启开发服务器：终止当前的开发服务进程，重新执行npm run dev或yarn dev，让服务器重新读取最新的文件结构。
• 排查硬编码引用：检查项目内所有文件，确认是否有组件、配置或路由逻辑中硬编码了/blog/[id]/layout.jsx的路径，如有则修正或删除。
• 修正路径拼写错误：报错路径显示为blog[id]（缺失斜杠），排查是否有文件或配置错误地将blog/[id]写为blog[id]，修正这类拼写问题。
• 刷新系统文件缓存：部分系统会缓存目录结构，可手动刷新文件管理器（Windows按F5）或重启电脑，确保系统识别到文件已删除。

内容的提问来源于stack exchange，提问作者Mohamed Anouar Jabri