stackblitz / bolt.new

Prompt, run, edit, and deploy full-stack web applications
https://bolt.new
MIT License
6.07k stars 1.68k forks source link

image display issue, #325

Open brawlaphant opened 3 weeks ago

brawlaphant commented 3 weeks ago

Describe the bug

uploading image using attachment paperclip, i have tried using imgur, and another to use url links to no success in displaying in preview it shows this consistently see attachments oscillate

photo midj

Link to the Bolt URL that caused the error

https://bolt.new/~/sb1-nxt46v

Steps to reproduce

click paper clip, add image ask to use image in webpage/site it does not show

Expected behavior

i expected it to display the image i uploaded

Screen Recording / Screenshot

No response

Platform

Browser name = Brave
Full version = 129.0.0.0
Major version = 129
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36
performance.memory = {
  "totalJSHeapSize": 67738169,
  "usedJSHeapSize": 45389945,
  "jsHeapSizeLimit": 4294705152
}
Username = brawlaphant
Chat ID = 2696913de052

Additional context

i'm using brave browser very novice in this industry, bolt is my learning engine i believe best ux/ui for learning programming

brawlaphant commented 2 weeks ago

asked bolt to construct a feedback report from its understanding

Image Display Issue in Next.js Static Export

Problem Description

Steps to Reproduce

  1. Upload an image (e.g., 'oscillate-logo.png') to the 'public' folder.
  2. Reference the image in components using either Next.js Image component or standard HTML img tag.
  3. Configure next.config.js with images: { unoptimized: true } for static export.
  4. Run npm run dev to start the development server.
  5. Observe that the image is not visible in the preview.

Expected Behavior

The uploaded image should be visible in the preview when referenced in components.

Actual Behavior

The image is not displayed, and the image placeholder or broken image icon is shown instead.

Environment

Additional Notes

msagliocco commented 2 weeks ago

Images are exported as reference to a blob, this happens almost randomly for me