Language-tools: 자동 완성 메뉴에서 내보낸 기능 표시

비슷한 문제가 있었고 다음 해결 방법을 찾았지만 내 취향에는 너무 많은 코드입니다.

<!-- ClickTracker.svelte -->
<script context='module' lang='ts'>
  export type ClickTrackerType =  SvelteComponent & { track(): void }
</script>
[...]

그런 다음 App.svelte :

<!-- App.svelte -->
<script lang='ts'>
  import ClickTracker from "./ClickTracker.svelte";
  import type { ClickTrackerType }  from "./ClickTracker.svelte";

  let componentRef: ClickTrackerType;
</script>

반면에 vscode에서 검사한 결과

예, 좋은 해결 방법입니다. 확실히 이상적인 것보다 더 많은 코드이지만. 또한 track() 함수를 변경하려면 내보낸 유형도 수동으로 업데이트해야 하는 방식이 마음에 들지 않습니다.

@geoffrich 물론 이 문제가 해결될 때까지의 해결 방법일 뿐입니다. typescript를 지원한다는 것은 svelte가 내 Svelte 구성 요소에 대한 입력을 올바르게 생성할 수 있음을 의미합니다.

나에게 이상적인 구문은 다음과 같습니다.

let componentRef: ClickTracker

그리고 그게 다야...

해결되었나요? Typescript로 ClickTracker 예제를 시도하면 여전히 다음 오류가 발생합니다.

Property 'track' does not exist on type 'ClickTracker__SvelteComponent_'.ts(2339)

저는 최근에 setupeNode.js 스크립트를 사용하여 sveltejs/template에서 만든 작업을 하고 있습니다.

이것들은 내 devDependencies입니다.

  "devDependencies": {
    "@rollup/plugin-commonjs": "^12.0.0",
    "@rollup/plugin-node-resolve": "^8.0.0",
    "rollup": "^2.3.4",
    "rollup-plugin-livereload": "^1.0.0",
    "rollup-plugin-svelte": "^5.0.3",
    "rollup-plugin-terser": "^5.1.2",
    "svelte": "^3.0.0",
    "svelte-check": "^0.1.0",
    "svelte-preprocess": "^4.0.0",
    "@rollup/plugin-typescript": "^4.0.0",
    "typescript": "^3.9.3",
    "tslib": "^2.0.0",
    "@tsconfig/svelte": "^1.0.0"
  },

새로운 VSCode 플러그인 버전이 방금 출시되었으며 IDE가 아직 업데이트되지 않았을 수 있습니다. 최신 버전은 101.4.0입니다.

훌륭한!!!

@opensas @dummdidumm 이 문제가 계속 발생합니다.

Svelte 플러그인: 104.9.1

재현 단계:

• 새로운 typescript svelte 앱 설정:

npx degit sveltejs/template svelte-app
cd svelte-app
node ./scripts/setupTypeScript.js

• 다음을 사용하여 새 파일 src/ClickTracker.svelte 을 만듭니다.

<script>
    export function track() {
        clicks++;
    }

    let clicks = 0;
</script>

<p>Clicks: {clicks}</p>

• src/App.svelte 를 다음과 같이 수정합니다.

<script lang="ts">
    import ClickTracker from "./ClickTracker.svelte";

    let componentRef: ClickTracker;
</script>

<main>
    <ClickTracker bind:this={componentRef} />
    <button on:click={componentRef.track}>Click me</button>
</main>

• src/App.svelte 의 오류를 확인하십시오. Property 'track' does not exist on type 'ClickTracker__SvelteComponent_'

나는 이것을 재현 할 수 없으며 나를 위해 일합니다.