Language-tools: Автоматический импорт несовместим в VSCode

Основная проблема заключается в том, что во время импорта внутри шаблона компактный компилятор выдает ошибки, потому что в этот момент код недействителен. Таким образом, svelte2tsx не может создать действительный файл tsx , поэтому мы возвращаемся к использованию только содержимого тега сценария. Если синтаксический анализатор выводит действительный код, svelte2tsx создаст преобразованный файл tsx . Это заставляет TypeScript вставлять импорт в другую точку, и наше сопоставление от сгенерированного tsx до исходного svelte импортирует его вверху. Я не уверен, как мы можем решить эти проблемы должным образом. Однако соблюдение пользовательских предпочтений (стиля цитаты) должно быть выполнимо. В качестве обходного пути вы можете использовать команду «Организовать импорт», и более красивое форматирование позаботится о стилях отступов и кавычек.

Спасибо @dummdidumm за разъяснения и обходной путь! 😄

Если есть способ вставить их под существующий импорт, это будет значительным улучшением по сравнению с тем, как это работает прямо сейчас. Расширение будет немного более презентабельным (как в видеоуроках), и, что более важно, импорт будет выглядеть согласованным (необычно искать новейший импорт сверху).

Я только что протестировал три импорта ( 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>

Svelte для VSCode:

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

import { testStore } from "./test";


    export let name: string;

</script>

У js / ts есть еще одна проблема. Исходная карта не может сопоставить следующую строку последнего импорта с ее исходной позицией.