Javascript Svelte img错误处理程序未被调用

Javascript Svelte img错误处理程序未被调用,javascript,svelte,Javascript,Svelte,我试图建立一个简单的组件在苗条。在src无效的情况下具有回退功能的映像组件。这是我的代码,它不工作。我尝试过许多变体(关于:error而不是onError,关于mount的错误,有时已经太晚了),但都没有成功。 知道什么是正确的方法吗 <script> import TCFavIcon from '@src/common/icons/TCFavIcon.png'; export let src = TCFavIcon; export let alt = un

我试图建立一个简单的组件在苗条。在src无效的情况下具有回退功能的映像组件。这是我的代码,它不工作。我尝试过许多变体(关于:error而不是onError,关于mount的错误,有时已经太晚了),但都没有成功。
知道什么是正确的方法吗

<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} />


从“@src/common/icons/TCFavIcon.png”导入TCFavIcon;
导出let src=TCFavIcon;
导出let alt=未定义;
函数handleError(){
console.log('error');//即使src无效,也不会发生这种情况
src=TCFavIcon;
}
试试看:

试试看: