Nextjs14 app router import local image from public folder not working

[toxic flume]

Hello, I am unable to import local images from public folder. My import looks as below
import Avatar from "../../public/images/Avatar.png" , it works in local.
But import fails when I build the app. Please help.

[torpid summit]

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)

[rare forge]

https://nextjs-faq.com/module-not-found-due-to-case-sensitivity most likely it's due to wrong capitalisation

[toxic flume]

So do I need to change image file name as avatar.png

[rare forge]

it could be aVatar.png, it could be you named your folder Public. you need to check your file names on github

[toxic flume]

@rare forge , Thanks. It works.