Language-tools: 각 블록 타이핑 문제

또한 {#each} 에서 이상한 버그를 발견했습니다.

가능한 가장 작은 재현 :

<script lang="ts">
  let data: { name: string } | null = null,
    someArr = [1, 2, 3];
</script>

{#if data}
  <!-- Works fine -->
  {data.name}
  {#each someArr as _}
    <!-- Highlights an error! -->
    {data.name}
  {/each}
{/if}

Mac, VS Code, 최신 플러그인 실행. 나는 그것이이 문제와 다소 관련이 있다고 직감한다.

@dkzlv 그거 # 619

나는 이것이 우리 측에서 고칠 수 없다고 두려워하며 TypeScript 문제 인 것 같습니다. 이렇게하면 동일한 오류가 발생합니다.

function each<T>(
    array: ArrayLike<T>, // or T[], doesnt matter for the error
    callbackfn: (value: T, index: number) => any
): any{ /* doesnt matter */ };

each(options, a => a); // The same TS error

each 함수는 기본적으로 each -블록을 유형 검사하는 데 사용됩니다. 형식 안전성을 잃지 않고 오류를 침묵시킬 방법을 찾지 못했습니다.

대신 이것을 할 수 있습니다. 나는 전에이 typescript 오류가 있다고 생각하고 임의의 조합을 시도하여 작동합니다.

<script lang="ts">
  type Option = { text: string, value?: string };
  type OptionsGroup = Option[];

  export let options: Array<Option | OptionsGroup> = [];
</script>

{#each options as option}
  <div>example</div>
{/each}

편집하다:
이 두 유형은 동일하지 않지만 대부분의 경우 차이점에 대해 신경 쓰지 않을 것입니다. 관심이 있다면 캐스팅하기 위해 커스텀 타입 가드를 작성해야 할 것입니다.

설명을 해주셔서 감사합니다. 추천대로 타이핑을 수정했으며 거의 ​​해결되었습니다.