Как настроить реагирующий скрипт, чтобы он не перекрывал tsconfig.json при запуске

Question

В настоящее время я использую create-react-app для загрузки одного из моих проектов.По сути, я пытаюсь настроить пути в tsconfig.json, добавив их в tsconfig.json по умолчанию, сгенерированный create-реагировать-app:

"baseUrl": "./src",
"paths": {
  "interfaces/*": [
    "common/interfaces/*",
  ],
  "components/*": [
    "common/components/*",
  ],
},

Однако каждый раз, когда я запускаю yarn start, которыйв основном работает react-scripts start, он удаляет мои изменения и снова генерирует конфигурации по умолчанию.

Как я могу сказать приложению create-реагировать на использование моих пользовательских настроек?

Answer 1

Вы не можете, и я не уверен, когда вы сможете.Я пытался использовать baseUrl и пути, чтобы избежать относительного импорта, но, как вы можете видеть, они намеренно удаляют определенные значения.«(Пока)» обнадеживает, но ( вздох ), кто знает, когда они официально поддержат его.Я рекомендую подписаться на эту проблему github , чтобы получать оповещения, если / когда это изменится.

The following changes are being made to your tsconfig.json file:
      - compilerOptions.baseUrl must not be set (absolute imports are not supported (yet))
      - compilerOptions.paths must not be set (aliased imports are not supported)

Answer 2

Приложение Создать React в настоящее время не поддерживает baseUrl.Однако есть обходной путь ... для настройки baseUrl для веб-пакета и IDE необходимо сделать следующее:

1. Создать файл .env со следующим кодом:

NODE_PATH=./

Создайте файл tsconfig.paths.json со следующим кодом внутри:

{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "src/*": ["*"]
    }
  }
}

Добавить следующую строку в tsconfig.json

{
  "extends": "./tsconfig.paths.json",
  ...
}

Answer 3

Я смог сделать это, воспользовавшись советом от этой проблемы .

Поместите параметры конфигурации реагирования, которые сценарии любят удалять, в отдельный файл (например, paths.json) и ссылайтесь на него.из tsconfig.json через директиву extends.

paths.json:

{
  "compilerOptions": {
  "baseUrl": "./src",
  "paths": {
    "interfaces/*": [ "common/interfaces/*"],
    "components/*": [ "common/components/*"],
    }
  }
}

tsconfig.json

{
  "extends": "./paths.json"
   ...rest of tsconfig.json
}