Добавление TypeScript в существующее приложение для создания приложения-приложения-приложения

У меня возникают трудности при добавлении TypeScript в уже существующее приложение create-реагировать на приложение. Ранее я всегда добавлял его перед началом проекта, просто с помощью create-react-app my-app --scripts-version=react-scripts-ts, но сейчас это не работает.

Единственное "решение", которое я нашел здесь, это:

Создайте временный проект с помощью react-scripts-ts
Копировать tsconfig.json, tsconfig.test.json , tslint.json из временной папки src проекта в папку вашего проекта src.
В package.json измените все ссылки на react-scripts на react-scripts-ts в разделе сценариев.

Это просто странный обходной путь и не очень эффективный. Кто-нибудь знает, возможно ли добавить его лучше, чем этот?

Ответ 1

С помощью response-scripts 2.10 вы можете добавить TypeScript в существующий проект или при создании нового проекта.

существующий проект

yarn add typescript @types/node @types/react @types/react-dom @types/jest

... затем переименуйте ваши файлы .js в .tsx

новый проект

yarn create react-app my-app --typescript

Вы можете прочитать больше здесь.

Ответ 2

Вы можете использовать приложение, связанное с реакцией, чтобы добавить машинописный текст в конфигурацию веб-пакета проекта, что является лучшей альтернативой выталкиванию.

Если вы не уверены в том, как добавить текст, отсюда, вот руководство о том, как это сделать.

Ответ 3

Существует недавний запрос на загрузку, добавляющий TypScript. Он еще не слился.

Кроме того, следующая крупная версия CRA будет обновлена до Babel 7, которая поддерживает TypScript.

Поэтому я предлагаю вам подождать несколько недель. Это должно быть действительно легко добавить TS в любой проект CRA.

Ответ 4

Если вы хотите добавить TypeScript в существующее приложение реакции, используйте команду ниже

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

Переименуйте файлы в .ts или .tsx, например, переименуйте index.js в index.ts или index.tsx, а затем запустите сервер. Это автоматически сгенерирует файл tsconfig.json, и вы готовы написать React на TypeScript.