Как использовать собственный стиль с расширением сортировки-импорта для кода VS? - PullRequest
Новая
       22

Как использовать собственный стиль с расширением сортировки-импорта для кода VS?

0 голосов
/ 12 марта 2020

Я недавно установил расширение VS Code sort-imports и попытался использовать пользовательский стиль под названием import-sort-style-module-alias.

Я считаю, что выполнил инструкции для правильной установки (npm i import-sort-style-module-alias) и включили свойство "importSort" в мой пакет. json файл (см. ниже). Однако расширение sort-import, похоже, не распознает пользовательский стиль. (Стили по умолчанию работают нормально.) Я перезапустил VS Code и перестроил свой проект.

Какой шаг мне не хватает, чтобы получить sort-imports для распознавания пользовательского стиля, который я пытаюсь использовать? Я не нашел никаких вопросов о стековом потоке, которые касаются этого, и поиск в Google тоже не помог.

package. json (pare-down): 

{
  "name": "project-name",
  "version": "0.0.0",
  "scripts": {
    ...
  },
  "private": true,
  "dependencies": {
    ...
  },
  "devDependencies":{
    ...
  },
  "importSort": {
    ".js, .jsx, .es6, .es": {
      "parser": "babylon",
      "style": "module-alias",
      "options": {
        "alias": [
          "@aliasA",
          "@aliasB"
        ]
      }
    },
    ".ts, .tsx": {
      "parser": "typescript",
      "style": "module-alias",
      "options": {
        "alias": [
          "@aliasA",
          "@aliasB"
        ]
      }
    }
  }
}

И мой tsconfig.json файл (урезанный): 

{
  "compileOnSave": false,
  "compilerOptions": {
    ...,
    "paths": {
      "@aliasA/*": ["projects/appA/src/*"],
      "@aliasB/*": ["projects/appB/src/*"]
    }
  }
}

Обновление: Я узнал, что есть консоль Sort-Imports, которая отображала ошибку:

parser.parseImports is not a function

Как я могу устранить эту ошибку, возникающую в консоли Sort-Imports?

1 Ответ

0 голосов
/ 25 марта 2020

Это исправление упоминается в расширении страница :

Устранение неполадок
parser.parseImports не является функцией

Это происходит при использовании парсера Typescript (импорт-сорт # 72). Решение состоит в том, чтобы установить это вручную:

npm i -D import-sort-parser-typescript

...