NuroDev / astro-bun

🥟 + 🚀 Bun adapter for Astro
https://npmjs.com/package/@nurodev/astro-bun
MIT License
47 stars 1 forks source link

Cannot serve `.webp` image in `mdx` #4

Open namdien177 opened 2 months ago

namdien177 commented 2 months ago

I'm using hybrid mode with mdx to render the blog content.

With @astrojs/node, the production build serves the image with .webp normally. But with astro-bun, it is always 404 not found for images in webp format.

I checked with the png version of the same image, it serves normally. I also ensured the webp version of the image was not broken.

[//]: # Sample mdx file in the content folder
import { Image } from 'astro:assets';

import ImageCAT6Cable from './cat6-cable.png';

some markdown content here

<figure>
  <Image
    loading={'lazy'}
    src={ImageCAT6Cable}
    alt="cat6 cable" />
  <figcaption>some caption</figcaption>
</figure>

some markdown content here

The image resolved to the correct path (/_astro/cat6-cable<random>.webp) but returns 404. If I change the image path directly to the PNG version (/_astro/cat6-cable<random>.png), it will work just fine.

namdien177 commented 2 months ago

In the dev environment, it works fine.

But once I build the project and run the entry server with bun /dist/server/entry.mjs, the webp images won't be able to be served as described in the ticket.

andrioid commented 1 month ago

Same result here with plain .astro files and an imported png that is converted to webp. Attempts to load it here:

404 http://localhost:4321/_astro/coffee-art.DJfGxfQ-_Z8gfae.webp

dev works fine here too