Language-tools: Опора слота не найдена на самом элементе слота

Созданный на 14 февр. 2021 · 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: VSCode
Плагин / Пакет: Svelte для VSCode

Fixed bug

Источник

brunnerh

Все 3 Комментарий

Нам нужно подтянуть jsx-преобразование на уровень выше, вокруг тега. Так, например, в этом тесте он должен стать

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

dummdidumm 15 февр. 2021

👍1

@dummdidumm Спасибо за исправление

Я только что проверил это, и если после его использования появляется let:prop , вы все равно получаете предупреждение вместо ошибки типа:

'prop' не определено [svelte (пропущенное-объявление)]

Пример снимка экрана:

Однако сгенерированный вывод работает независимо от порядка. Конечно, я могу просто изменить порядок атрибутов, чтобы избавиться от ошибки в качестве временного решения.

brunnerh 21 февр. 2021

Это ошибка компилятора Svelte, для этого я создал https://github.com/sveltejs/svelte/issues/6009 .

dummdidumm 21 февр. 2021

👍1

Была ли эта страница полезной?

0 / 5 - 0 рейтинги