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)

结论：

实际上，代码完成看起来是如此令人困惑/错误，以至于我不确定是否配置了错误的代码？ assuming如果有任何暗示，将不胜感激！

系统（请完成以下信息）：

• 作业系统：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"
      ]
}

谢谢！