PirateApp's questions

• 我正在使用 svelte 5 / sveltekit 2
• 我有一个简单的示例，其中我从如下所示的 API 获取数据

    const itemsFromAPI = [
        { id: 1, symbols: ['btc', 'eth'] },
        { id: 2, symbols: ['xrp', 'xmr'] }
    ];

• 我想用这个库渲染每个符号对应的 SVG 图标
• 请记住，我很清楚他们有一个精简版，但它已经 5 年没有更新了
• 我编写了一个简单的 +page.svelte 文件，但它没有呈现

<script>
    const itemsFromAPI = [
        { id: 1, symbols: ['btc', 'eth'] },
        { id: 2, symbols: ['xrp', 'xmr'] }
    ];

    const handleIconChange = async (iconName) => {
        return await import(`/node_modules/cryptocurrency-icons/svg/color/${iconName}.svg?inline`);
    };
</script>

<h1>How to make dynamic crypto icons work here</h1>

{#each itemsFromAPI as item (item.id)}
    <div>
        <span>{item.id}</span>
        {#each item.symbols as symbol (symbol)}
            <span>{symbol}</span>
            <span>{@html handleIconChange(symbol)}</span>
        {/each}
    </div>
{/each}

• 这是CODESANDBOX 的链接，你可以亲眼看到这个问题
• 有什么想法可以让动态导入的 SVG 图标在 sveltekit 中工作吗？