@ urql / svelte, "Функция, вызываемая вне инициализации компонента", если не в onMount - PullRequest
Новая
       62

@ urql / svelte, "Функция, вызываемая вне инициализации компонента", если не в onMount

0 голосов
/ 30 мая 2020

Я пробую потрясающие работы, сделанные https://github.com/FormidableLabs/urql/tree/master/packages/svelte-urql ребятами.

Все работает хорошо до сегодняшнего выпуска.

Я использую приведенный ниже код и это дает мне эту ошибку: 

Error: Function called outside component initialization
  at get_current_component (index.mjs:615)
  at getContext (index.mjs:648)
  at getClient (urql-svelte.mjs:55)
  at query (urql-svelte.mjs:81)
  at Players.svelte:41

Код: 

<script>
  import { query } from '@urql/svelte'
  import { myQuery } from './myQuery'

  let players
  let myVars

  function sleep (ms) {
    return new Promise((resolve) => setTimeout(resolve, ms))
  }

  $: (async () => {
    await sleep(2000) // this gives me the error; removing it make it work
    players = query({
      query: myQuery,
      variables: { ...myVars },
      requestPolicy: 'cache-and-network'
    })
  })()
</script>

{#if !players}
  Loading players...
{:else}
  Players loaded! Do the work.
{/if}

Можете ли вы предложить, в чем проблема?

Если я использую await() в onMount() работает! Вот так: 

onMount(async () => {
  await sleep(2000)
  loaded = true
})

Вот код для @urql/svelte:

  1. query.ts: https://github.com/FormidableLabs/urql/blob/master/packages/svelte-urql/src/operations/query.ts
  2. context. ts: https://github.com/FormidableLabs/urql/blob/master/packages/svelte-urql/src/context.ts

Может быть, код context? 

import { setContext, getContext } from 'svelte';
import { Client, ClientOptions } from '@urql/core';

const CLIENT = '$$_URQL';

export const getClient = (): Client => getContext(CLIENT);

export const setClient = (client: Client): void => {
  setContext(CLIENT, client);
};

export const initClient = (args: ClientOptions): Client => {
  const client = new Client(args);
  setClient(client);
  return client;
};

Я могу создать REPL на CodeSandbox, если вам нужно, нет проблем.

Ошибка @urql/svelte: https://github.com/FormidableLabs/urql/issues/795.

Информация о вашем проекте Svelte: - Chrome 83 - Версия Svelte: 3.23.0 - Накопительный пакет

1 Ответ

0 голосов
/ 03 августа 2020

Моя ситуация была немного другой, но возникла та же ошибка. В моем случае я пытался запустить Svelte / Sapper в контейнере Docker для целей разработки. Я возился с package.json до этого и в какой-то момент решил тоже переместить svelte и sapper в «зависимости» вместо «devDependencies». 

"dependencies": {
    // ...
    "sapper": "^0.27.0",
    "svelte": "^3.0.0"
}

Это было плохая идея. Как только я переместил его обратно в "devDependencies", ошибка исчезла, и все заработало, как ожидалось. 

"devDependencies": {
    // ...
    "sapper": "^0.27.0",
    "svelte": "^3.0.0"
}

Надеюсь, это поможет кому-то в дальнейшем.

...