将 Svelte 与 Stencil 组件一起使用

Question

we want to build an application with svelte but are stuck at using our components that we built with stenciljs. At first it looked like it worked like a charm but as stencil components use the term "slot" and svelte does too, i am reveiving an error when using this component on svelte

Element with a slot='...' attribute must be a child of a component or a descendant of a custom element

. I understand this issue, the question is how to ignore it or to tell svelte to ignore certain elements. Is there a function for that?

The component i try to use looks like that:

<my-ui-image
  slot="image"
  src="/images/image.png"
  shadow-on-image="false"
  alt="image alt"
  title="Image title"
/>

Answer 1

check this post for named slots -> How to get the slots value in a Svelte component? I hope it gives you direction..

Answer 2

So i tried this again and the issue is gone.