Language-tools: 슬롯 요소 자체에서 슬롯 소품을 찾을 수 없습니다.

에 만든 2021년 02월 14일 · 3코멘트 · 출처: sveltejs/language-tools

버그 설명
슬롯 속성은 슬롯 요소 내에서만 찾을 수 있지만 요소 자체에서는 찾을 수 없습니다. Svelte는 요소의 속성을 사용할 수 있으므로 오류가 약간 오해의 소지가 있습니다. 충분히 엄격한 설정으로 TypeScript를 사용할 때만 오류로 표시될 수 있습니다.

재현하기 위해
슬롯 속성이 있는 구성 요소를 만들고 속성을 선언하는 요소의 속성을 사용합니다(여기서 class 사용 오류).

<Component n={10}>
    <div slot="item" let:zebra class={zebra}>Hello {zebra}</div>
</Component>

[REPL]

예상되는 행동
슬롯 속성이 범위 내에 있으며 오류가 발생하지 않습니다.

스크린샷

시스템(다음 정보를 작성하십시오):

운영 체제: Windows 10 64비트
IDE: VS코드
플러그인/패키지: VSCode용 Svelte

Fixed bug

출처

brunnerh

모든 3 댓글

태그를 둘러싸고 레벨 위로 jsx-transformation을 가져와야 합니다. 예를 들어 이 테스트 에서는 다음과 같아야 합니다.

<>{() => { let {thing:{ a }} = __sveltets_instanceOf(Component).$$slot_def['default'];<><Component>
    <h1>Hello { a }</h1>
</Component></>}}</>

dummdidumm 에 2021년 02월 15일

👍1

@dummdidumm 수정해주셔서 감사합니다.

방금 이것을 테스트했으며 let:prop 가 사용 후인 경우에도 유형 오류 대신 날카로운 경고가 표시됩니다.

'prop'이(가) 정의되지 않았습니다. [svelte(missing-declaration)]

예시 스크린샷:

그러나 생성된 출력은 순서에 관계없이 작동합니다. 물론 해결 방법으로 오류를 제거하기 위해 속성을 재정렬할 수 있습니다.

brunnerh 에 2021년 02월 21일

이것은 Svelte 컴파일러 버그이며 이를 위해 https://github.com/sveltejs/svelte/issues/6009 를 만들었습니다.

dummdidumm 에 2021년 02월 21일

👍1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Language-tools: 슬롯 요소 자체에서 슬롯 소품을 찾을 수 없습니다.

모든 3 댓글

관련 문제