Module not found on deployment: Can't resolve '@/components/navbar'

[lucid drum]

This is the first time I'm seeing this problem. It's weird because on development mode everything works fine, but on deployment it shows this error:
I'm importing a Navbar component from the main page of my website app/[lang]/page.tsx. The navbar is located at components/navbar. Can someone tell me where the problem is?

[sudden tiger]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[humble patrol]

maybe it's due to casing? https://nextjs-faq.com/module-not-found-due-to-case-sensitivity

[lucid drum]

well i only changed the first letter from uppercase to lowercase

but I changed all imports

and in development mode it works fine

[humble patrol]

yeah then it's definitely due to casing

go check the filename on github and use the casing there

on windows/mac the fs is case insensitive so we cannot really trust the casing displayed by vscode

[lucid drum]

ok thanks

it works now