Next.js按官方文档操作路径正确却无法找到模块报错求助

• 检查tsconfig.json的路径映射配置：确保compilerOptions里包含"@/*": ["./*"]的paths配置，这是@/别名能正确指向项目根目录的关键。如果没有该配置，添加后重启开发服务器。
• 核对文件名与导入路径的大小写：在类Unix系统（Linux/macOS）中文件名区分大小写，比如导入路径写的是sidenav，但实际文件是SideNav.tsx就会触发错误，必须保证两者完全一致。
• 重启开发服务器：修改文件或配置后，缓存可能导致新文件无法被识别，直接重启npm run dev或yarn dev即可。
• 尝试显式添加文件扩展名：把导入语句改成import SideNav from '@/app/ui/dashboard/sidenav.tsx'，显式指定.tsx扩展名有时能解决识别问题。
• 再次确认目录结构：仔细检查sidenav.tsx是否确实放在app/ui/dashboard目录下，避免目录名拼写错误（比如dashbord这类笔误）或嵌套层级错误。

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