Static image is not loading | Next.js | Page 1

woven ivy Sep 3, 2023, 9:06 PM

#

<Link href="/">
                    <Image
                        src="/logo.png"
                        width={115}
                        height={43}
                        alt="Reef Trader"
                    />
                </Link>

tardy isleBOT Sep 3, 2023, 9:06 PM

#

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)

rich hound Sep 3, 2023, 9:10 PM

#

woven ivy ``` <Link href="/"> <Image src="/log...

does logo.png exist in the root of the public folder? as the html could be from a 404 page.

woven ivy Sep 3, 2023, 9:11 PM

#

rich hound does `logo.png` exist in the root of the public folder? as the html could be fro...

Yes, I included a picture of the file structure up above

rich hound Sep 3, 2023, 9:13 PM

#

and if you manually go to logo.png, is there an error that is displayed

#

or just when imported

woven ivy Sep 3, 2023, 9:17 PM

#

Only when imported

#

rich hound Sep 3, 2023, 9:18 PM

#

i mean in test in browser

woven ivy Sep 3, 2023, 9:21 PM

#

Would that just be port/logo.png? 404

rich hound Sep 3, 2023, 9:21 PM

#

do you have basepaths enabled?

#

as next/image doesn't respect them 😭

#

and otherwise, why ere you /logo.png in code nut port/logo.png there?

woven ivy Sep 3, 2023, 9:24 PM

#

I do not have basepaths enabled

rich hound Sep 3, 2023, 9:24 PM

#

so why did you mention port then?

woven ivy Sep 3, 2023, 9:25 PM

#

localhost:3000 is the test url in browser

#

So I was asking if to test for the image in browser if I would type "localhost:3000/logo.png"

rich hound Sep 3, 2023, 9:25 PM

#

ohh yeah

woven ivy Sep 3, 2023, 9:25 PM

#

yeah returns a 404

rich hound Sep 3, 2023, 9:26 PM

#

and you are sure that the file is in the public folder and nothing else (and in the first layer, not any sub paths)

woven ivy Sep 3, 2023, 9:27 PM

#

rich hound Sep 3, 2023, 9:27 PM

#

and do those other public files work?

#

ahh that doesn't matter because:

#

The /public directory should remain in the root of your project.
https://nextjs.org/docs/app/building-your-application/configuring/src-directory

woven ivy Sep 3, 2023, 9:29 PM

#

the other files are not working

rich hound Sep 3, 2023, 9:29 PM

#

rich hound > The /public directory should remain in the root of your project. > https://nex...

yeah because of this...

#

move the public folder to the same folder as next.config.js

#

and it should work

woven ivy Sep 3, 2023, 9:31 PM

#

Working 🙂

#

Thank you for your help

rich hound Sep 3, 2023, 9:32 PM

#

tardy isle

@woven ivy can you mark it as solved, so to tell others you have fixed this issue 🙂

#

you have to use the command, as the image shows

#Static image is not loading