изящный набор текста на typescript в разметке

#typescript #apollo #svelte #svelte-3

#typescript #apollo #стройный #стройный-3

Вопрос:

Я использую svelte с typescript. Можно ли печатать в разметке?

 <div>
  {#if $getTasks.loading}
    Loading...
  {:else if $getTasks.error}
    Oh no! {$getTasks.error.message}
  {:else if !$getTasks.data}
    No data
  {:else}
    <ul>
      {#each $getTasks.data.queryTask as task (task.id)}
        <li>
          <TaskItem
            id={task.id}
            text={task.title}
            completed={task.completed}
            on:remove={remove}
            on:toggle={toggleStatus}
          />
        </li>
      {/each}
    </ul>
  {/if}
</div>
 

$getTasks в коде установлено значение «любой» <script lang=ts> .

Однако ниже вы можете видеть, что VS не знает, что task такое. Я хотел бы установить его на мой task interface . Любой способ сделать это? Очевидно, что я использую typescript для использования типа здесь.

введите описание изображения здесь

Спасибо
J

Комментарии:

1. Как ты getTasks выглядишь? импортируется ли он из ts-файла?

2. Нет, Apollo: const getTasks = subscribe(client, { query: GET_TASKS } as any) as any;

3. зачем вам нужен as any в конце?

4. query: GET_TASKS будет подчеркнуто, так как это другой тип… второй as any подчеркнет {#each $getTasks.data.queryTask as task (task.id)} queryTask в этом коде… проблема в том, что нет способа установить тип для task … Мне нужно знать, как это можно сделать…