Language-tools: 혼란 스럽거나 잘못된 코드 완성

버그 설명
일반 JS와 TS 모두와 혼동되는 코드 완성을 경험하고 있습니다. 내가 뭔가 잘못 설정했는지 확실하지 않습니다.

재현하려면
Parent.svelte 및 Child.svelte 구성 요소를 사용한 간단한 설정 참조 :

// Parent.svelte
<script>
    import {onMount} from "svelte"
    import Child from "./Child.svelte"

    let child

    onMount(()=> {

    })

</script>

<Child bind:this={child} />`

// Child.svelte
<script>
    export let foo
    export let bar = undefined

    export const baz = () => {
        console.log("executed function 'baz'!")
    }    
</script>

<div>
    foo is: <em>{foo}</em><br/>
    bar is: <em>{bar}</em>
</div>

<script></script> JS :

• 하위 구성 요소의 코드 완성에는 bar , baz , foo , ref 등이 표시됩니다.
  예상 : foo 및 bar

  • ref 가있는 이유는 무엇입니까?
  • $$ prop_def, $$ slot_def, __sveltets_ensureType, __sveltets_partial은 svelte2tsx (?)
  • 아이 / 아이?
  • onMount?

• bar , baz , foo 는 모두 선택 사항 (? :)으로 나열됩니다.
  예상 : bar 선택적, baz 나열되지 않음, foo 필수 (콘솔 경고 참조).

• child -reference에 대한 코드 완성도 svelte2tsx 관련 항목 외에도 혼란 스럽습니다.
  foo 이 나열되어 있지만 액세스 할 수는 없지만 (콘솔 오류 참조) baz 은 (는) 나열되지 않습니다.
  예상 됨 : foo 이 (가) 나열되지 않음, baz 가 (가) 나열 됨

• baz 가 목록에 없지만 호출 할 수 있으며 예상대로 작동합니다 (콘솔 로그 참조).

<script lang="typescript"></script> TS 버전 :

// Parent.svelte
<script lang="typescript">
    import {onMount} from "svelte"
    import Child from "./Child.svelte"

    let child:Child

    onMount(()=> {

    })

</script>

<Child bind:this={child} />`

// Child.svelte
<script lang="typescript">
    export let foo: number
    export let bar: number = undefined

    export const baz = (): void => {
        console.log("executed function 'baz'!")
    }    
</script>

<div>
    foo is: <em>{foo}</em><br/>
    bar is: <em>{bar}</em>
</div>

• 하위 구성 요소의 코드 완성에는 bar , baz , foo , ref 등이 표시됩니다.
  예상 : foo 및 bar + 등

• bar , baz , foo 는 모두 선택 사항 (? :)으로 나열됩니다.
  예상 : bar 선택적, baz 나열되지 않음, foo 필수 (콘솔 경고 참조).

• child 에서 코드 완성-참조는 $$prop_def 및 $$slot_def

  • $$prop_def 액세스하면 목록에 bar , baz , foo 가 포함됩니다 ( baz 만 예상).
  • foo 를 설정하려고하면 "Cannot read ..." 오류가 발생하지만 "Props cannot be read directly from the component ..." 가 예상됩니다.
  • $$prop_def.baz() 호출이 작동하지 않습니다 (콘솔 오류 참조).
  • child.baz() 호출은 예상대로 작동하지만 (console.log 참조) 나열되지는 않았지만 VS 코드에서 오류로 표시됩니다 : "Property 'baz' does not exist on type 'Child__SvelteComponent_'. (ts2339)

결론:

코드 완성은 실제로 너무 혼란 스럽거나 잘못되어서 내가 잘못 구성했는지 확실하지 않습니까? 🤔 그렇게 가정한다면 어떤 힌트라도 대단히 감사하겠습니다!

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

• 운영체제 : Windows 10
• IDE : VSCode 1.47.2
• 플러그인 / 패키지 : Svelte for VSCode 101.2.0

관련 package.json

"rollup": "^2.21.0",
"rollup-plugin-svelte": "^5.2.3",
"@rollup/plugin-commonjs": "^14.0.0",
"@rollup/plugin-node-resolve": "^8.4.0",
"@rollup/plugin-typescript": "^5.0.2",
"svelte": "^3.24.0",
"svelte-preprocess": "^4.0.8",
"tslib": "^2.0.0",
"typescript": "^3.9.7"

tsconfig.json

"compilerOptions": {
        "target": "es2017",
        "strict": false, 
        "moduleResolution": "node",
        "allowJs": false,
        "lib": [
            "es2017", "DOM"
        ],
        "types": [
            "svelte"
        ],
        "baseUrl": "."
    },
    "include": [
        "./src"
      ]
}

감사합니다!