Svelte img error handler not getting called

Question

I am trying to build a simple component in Svelte. Image component with fallback in case the src is invalid. This is my code and it doesn't work. I've tried many variations (on:error instead of onError, listen to error on mount which was sometimes too late) but none worked.
Any idea what is the right approach?

<script> import TCFavIcon from '@src/common/icons/TCFavIcon.png'; export let src = TCFavIcon; export let alt = undefined; function handleError() { console.log('error'); // This never happen even when src is invalid src = TCFavIcon; } </script> <style> </style> <img onError={handleError} {alt} {src} />

2pha · Accepted Answer · 2020-03-27 00:44:28Z

5

try:
<img on:error={handleError} {alt} {src} />
Svelte docs here

answered Mar 27, 2020 at 0:44

2pha

10.2k2 gold badges32 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

KreutzerCode Over a year ago

any updates on that? It doesnt seem to work in svelte ^v3.5

Collectives™ on Stack Overflow

Svelte img error handler not getting called

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related