Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image component crashes in combination with turbopack for webp images. Processing image failed unable to decode image data #75085

Open
KilianB opened this issue Jan 19, 2025 · 0 comments
Labels
Image (next/image) Related to Next.js Image Optimization. Turbopack Related to Turbopack with Next.js.

Comments

@KilianB
Copy link

KilianB commented Jan 19, 2025

Link to the code that reproduces this issue

https://github.com/KilianB/Turbopack-webp-bug

To Reproduce

  1. clear the .next cache folder if applicable.
  2. run npm run dev and the application will crash

  1. clear cache
  2. run without --turbopack
  3. Observe that it works

Current vs. Expected behavior

An image is shown on the page, it does not crash when using turbopack

Processing image failed
unable to decode image data

Caused by:
- Format error decoding WebP: An expected chunk was missing
- An expected chunk was missing

Image

Provide environment information

Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 10 Pro
  Available memory (MB): 32699
  Available CPU cores: 4
Binaries:
  Node: 22.12.0
  npm: 10.8.1
  Yarn: 1.22.21
  pnpm: 9.7.1
Relevant Packages:
  next: 15.2.0-canary.16 // Latest available version is detected (15.2.0-canary.16).
  eslint-config-next: N/A
  react: 19.0.0
  react-dom: 19.0.0
  typescript: 5.7.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Turbopack, Image (next/image)

Which stage(s) are affected? (Select all that apply)

next dev (local)

Additional context

No response

@github-actions github-actions bot added Image (next/image) Related to Next.js Image Optimization. Turbopack Related to Turbopack with Next.js. labels Jan 19, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Image (next/image) Related to Next.js Image Optimization. Turbopack Related to Turbopack with Next.js.
Projects
None yet
Development

No branches or pull requests

1 participant