Language-tools: 자동 가져 오기가 VSCode에서 일치하지 않습니다.

근본적인 문제는 템플릿 내에서 가져 오는 동안 코드가 유효하지 않기 때문에 날씬한 컴파일러에서 오류가 발생한다는 것입니다. 이렇게하면 svelte2tsx 에서 유효한 tsx 파일을 생성 할 수 없으므로 스크립트 태그 콘텐츠 만 사용하도록합니다. 파서가 유효한 코드를 출력하면 svelte2tsx 는 변환 된 tsx 파일을 생성합니다. 이렇게하면 TypeScript가 가져 오기를 다른 지점에 삽입하고 생성 된 tsx 에서 원래 svelte 매핑하면 맨 위에 가져옵니다. 이러한 문제를 어떻게 잘 해결할 수 있을지 모르겠습니다. 하지만 사용자 기본 설정 (인용문 스타일)을 고수하는 것은 가능해야합니다. 해결 방법으로 "가져 오기 구성"명령을 사용할 수 있으며 더 예쁜 서식이 들여 쓰기 및 따옴표 스타일을 처리합니다.

설명 및 해결 방법에 대해 @dummdidumm 에게 감사드립니다! 😄

기존 수입품 아래에 삽입 할 수있는 방법이 있다면 지금 당장 작동하는 방식이 크게 개선 될 것입니다. 확장은 (비디오 튜토리얼에서와 같이) 좀 더보기 좋을 것이고, 더 중요한 것은 가져 오기가 일관된 느낌이들 것입니다 (최신 가져 오기를 찾는 것은 드문 경우입니다).

Vetur로 세 가지 가져 오기 ( test , test2 , test3 순서대로)를 테스트했으며 올바른 위치에 삽입되었습니다. 비교 결과는 다음과 같습니다.

Vetur :

<script lang="ts">
  import Vue from 'vue';
import { testStore1 } from './test';
import { testStore2 } from './test2';
import { testStore3 } from './test3';

  export default Vue.extend({ /*...*/ });
</script>

VSCode 용 Svelte :

<script lang="ts">import { testStore3 } from "./test3";
import { testStore2 } from "./test2";

import { testStore } from "./test";


    export let name: string;

</script>

js / ts 하나에 또 다른 문제가 있습니다. 소스 맵은 마지막 가져 오기의 다음 줄을 원래 위치에 매핑 할 수 없습니다.