2

在使用 svelte 3.19.2 构建 Web 组件（又名自定义元素）时，当我尝试使用 {#if} 或 {#await} 但 {#each}工作正常。

作品：

{ #each myTodos as todo }
    <li>{ todo.text }</li>
{ /each }

不工作：

{ #if loadingTodos }
    <p>loading</p>
{ :else }
    <p>loaded</p>
{ /if }

不工作：

{ #await todos }
    <p>loading</p>
{ :then result }
    <p>loaded</p>
{ :catch error }
    { error }
{ /await }

相关支持代码：

const todos = query(apolloClient, { query: Q_TODOS_ALL });
todos.result().then((result) => { myTodos = result.data.getTodos; loadingTodos = false; });

任何人都知道如何解决这个问题？我是 Svelte 的新手，不知所措。这段代码不可能是更简单的代码。graphql 承诺正在返回并与模板中的 each、if 和 await 一起工作，尽管它们都抛出 outros$1 未定义的错误。

似乎 github 上的其他几个错误（#3448 和 #3165）也与没有围绕 outros 的检查有关并且它未定义。不确定它们是否相关。我想知道这是否是使用 svelte 构建 Web 组件的已知问题？谢谢。

4

0 回答 0