Добавить абсолютные пути к приложению, созданному «Создать приложение React»

Question

Я создал приложение Создать приложение React , а если быть более точным, я также использую машинопись.

Я не могу понять, как установить абсолютные пути для доступа к моим компонентам, страницам и т. Д.

В другом сценарии я бы обновил свой tscongig чем-то вроде:

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

но я понятия не имею, как это реализовать, поскольку я использую react-scripts есть идеи?

Answer 1

Создайте файл tsconfig.json и добавьте код ниже.

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": [
    "src"
  ]
}

Затем вы можете импортировать ваши компоненты как

import Header from 'components/Header';

Answer 2

Вы сможете использовать тот же подход, если создадите в своем решении файл jsconfig.json , который поддерживает те же свойства baseUrl и rootPath, что и tsconfig.

Альтернативой является добавление файла .env в ваше решение со следующей строкой:

NODE_PATH=src/

Кроме того, кроме файла env добавьте это в ваш jsconfig.json

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

Это должно разрешить компилятору возможность находить ваши абсолютные импорты и корректно обрабатывать их линтером.