Тоже костыль, который требует снаружи компонента как-то вмешиваться в его реализацию. Сейчас подумал, можно попробовать количество инстансов вынести в store, и создавать только для первого. Попробую.

Марк, 3500 строк кода это очень МАЛЕНЬКИЙ проект =)

Я фрилансер и для меня это проект как минимум среднего размера

почему вы не используете вебпак если на нем у вас все работает и есть опыт?

У меня в проекте 3500 файлов тс)

У меня в проекте 3500 файлов тс)

Не спорю что это по меркам программирования маленький проект, но лично для меня он хоть и не самый большой, но точно не настолько маленький что все появившиеся проблемы за день пофиксить можно

добавьте declarations: true в tsconfig.json и вызовите tsc. У вас будут и js и d.ts файлы

Добрый день. Есть вопрос: можно ли в svelte без костылей дедуплицировать одну из нод компонена? Пример компонента:

<div>
  <input type="text" list="datalist-id">
  <datalist id="datalist-id">
    {#each some_const as item}
      <option value="{item}">
    {/each}
  </datalist>
</div>

datalist здесь генерируется из константы, в которой пара сотен значений. Если компонент будет добавлен на страницу несколько раз, то и datalist будет создан тоже несколько раз, что абсолютно не нужно, да и id у всех будет одинаковый (проверял, svelte изолирует классы, но не id). Вот хотелось бы сделать так, чтобы datalist генерировался только для первого инстанса. Пробовал завернуть в {#if !document.querySelector('#datalist-id') }, но не работает, видимо, потому что сначала выполняются условия для всех компонентов, потом уже результат вставляется в DOM, в итоге от такого if никакой пользы.

https://svelte.dev/repl/fcee7fb6256f46ebba467d509ab85a8d?version=3.35.0 - вот написал вроде нименее бескостыльный вариант.

Спасибо! Это примерно то, что я пытался сделать, только рабочее :).

Можно даже вынести эту логику в отдельный компонент Dedupe.svelte со слотом и периспользовать если нужно.