苗条的Web组件(自定义元素)超过$ 1美元的未定义错误

时间:2020-03-07 06:20:13

标签: web-component svelte svelte-3

当使用svelte 3.19.2构建Web组件(也称为自定义元素)时,当我尝试使用{#if}或{#await}时,我在outros $ 1.c.push之前遇到了outros $ 1未定义的错误,但是{ #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 Promise正在返回并与each一起使用,但是模板中的if和await都会抛出$ 1的未定义错误。

似乎github(#3448&#3165)上的其他两个错误也与围绕outros的检查和不确定性有关。不知道它们是否相关。我想知道这是否是使用svelte构建Web组件的已知问题?谢谢。

0 个答案:

没有答案