Language-tools: [TypeScript] 구성 요소를 값으로 포함하는 변수 입력

안녕하세요 😄
한 가지는 Svelte 컴포넌트 클래스의 내부 정의에 대한 일부 속성 / 메서드가 누락되었다는 것입니다. 다른 것은 입력이 잘못되었다는 것입니다. writable<typeof SvelteComponent> 이어야합니다. 그렇지 않으면 클래스 유형이 아닌 해당 구성 요소의 인스턴스를 참조합니다.

비슷한 문제가 발생했습니다.

import type { SvelteComponent } from 'svelte';
import Comp from './Comp.svelte';

const comp: SvelteComponent = Comp; // Type 'typeof SvelteComponentDev' is missing the following properties from type SvelteComponentDev: $set, $on, $destroy ...

v 3.35.0

문제는 가져온 구성 요소가 SvelteComponentDev가 아닌 "typeof SvelteComponentDev"유형을 갖는 이유입니다.

Comp 는 해당 클래스의 인스턴스가 아니라 클래스이기 때문입니다.

class Foo {
    bar: string;
}

class Comp extends Foo {}

const comp: Foo = new Comp(); // OK
const compClass1: Foo = Comp; // WRONG
const compClass2: typeof Foo = Comp; // OK

아. 말이된다. 감사합니다.

지금 이틀 동안 이걸로 싸우고 있습니다. 나는 그것을 이해하지 못한다.

<script lang="ts">
  import MyComponent from "./MyComponent.svelte";
  let myComponent: typeof MyComponent;
</script>

<MyComponent bind:this={myComponent}/> //Error here

Argument of type 'typeof MyComponent__SvelteComponent_' is not assignable to parameter of type 'MyComponent__SvelteComponent_'.   
Type 'typeof MyComponent__SvelteComponent_' is missing the following properties from type 'MyComponent__SvelteComponent_': $$prop_def, $$events_def, $$slot_def, $on, and 5 more.ts(2345)

내가 여기서 뭘 잘못하고 있니? 그 인스턴스를 변수로 가져오고 싶습니다. 😭

@ Alfagun74 당신이 직면 한 문제는이 스레드의 다른 문제와 동일하지 않습니다. 원하는 것은 클래스의 인스턴스입니다. 따라서 다음이 필요합니다.

<script lang="ts">
  import MyComponent from "./MyComponent.svelte";
  let myComponent: MyComponent;
</script>

<MyComponent bind:this={myComponent}/>

다른 사람들은 동적 구성 요소를 원하므로 클래스 자체, 특수 함수가 필요합니다.