[NextJS] Exported static page unable to display any image
Answered
Band-rumped Storm-Petrel posted this in #help-forum
Band-rumped Storm-PetrelOP
Hello everyone, I'm trying to host my nextjs app on a free server, so I have to export it into static html pages, but I face an issue: the static version of the webpage refuse to display any of the images, although when I check the console output, the HTTP status for retrieving those images were all 200, which is really confusing.
For demo:
- Picture 1 is what the page supposed to look like
- Picture 2 is what it actually look like (absolutely no image displayed TT)
- Picture 3 is the console output when I run npx serve@latest out (to host the static page)
- Picture 4 is the browser's console output of the static page
Please help me, I'm so devastated, this literraly ruined my day. Thank you so much in advance.
For demo:
- Picture 1 is what the page supposed to look like
- Picture 2 is what it actually look like (absolutely no image displayed TT)
- Picture 3 is the console output when I run npx serve@latest out (to host the static page)
- Picture 4 is the browser's console output of the static page
Please help me, I'm so devastated, this literraly ruined my day. Thank you so much in advance.
Answered by riský
try disabling image optimisation or use
img instead of Image (from next/image)4 Replies
try disabling image optimisation or use
img instead of Image (from next/image)Answer
Also to upgrade to 13.5.5 if not
Band-rumped Storm-PetrelOP
Thanks guys, I will try
@Band-rumped Storm-Petrel Thanks guys, I will try
how did this go?