Может ли приложение create-react-app использоваться с TypeScript

Можно ли использовать TypeScript с create-react-app? Если да, как бы вы это сделали?

Ответ 1

Вы можете сделать это следующим образом:

create-react-app my-app --scripts-version=react-scripts-ts

См. Https://github.com/wmonk/create-react-app-typescript

Для этого не требуется выброс.

Ответ 2

Это путь:

# update create-react-app first
npm update -g create-react-app 
create-react-app my-app --typescript

Create React App v2.1.0 теперь поддерживает TypeScript, поэтому вам больше не нужно извлекать или использовать react-scripts-ts fork;

Или вы можете добавить TypeScript в существующее приложение:

yarn add typescript @types/node @types/react @types/react-dom @types/jest
# or
npm install --save typescript @types/node @types/react @types/react-dom @types/jest  

затем переименуйте файлы .js файлы .tsx чтобы начать использовать TypeScript.

Обратите внимание, что tsconfig.json будет создан для вас при запуске приложения. Вы сможете редактировать tsconfig.json за исключением некоторых опций.

Кредиты:

[1] Винсент ответ

[2] перенести запись создания машинного реагирования

Ответ 3

Typescript доступен прямо из коробки, в версии 2.1 для создания-реакции-приложения!

Вы можете использовать его сейчас, вот так (как показано здесь): npx [email protected] app-name --scripts-version=2.0.6-next.c662dfb0 --typescript

Ответ 4

Я отправил запрос функции в вопросах github для create-react-app, и вот был ответ:

Здравствуй! Мы еще не совсем готовы рассмотреть TypeScript (см. # 142 для обновлений). Нам еще предстоит завершить интеграцию Flow (которую мы предложим в качестве первого варианта безопасности типов).

Кроме того, сейчас действительно интересные вещи происходят. Смотрите babel/babylon # 320 и babel/babylon # 444. TypeScript вскоре может быть проанализирован Вавилоном (и составлен Babel). Microsoft заинтересована в том, чтобы это произошло, и сами работают над самим WIP.

Это соображение, вероятно, еще несколько месяцев. Сожалею!

Несмотря на то, что мы несерьезны, существует вилка CRA, которая поддерживает TypeScript. Мы не можем предоставить поддержку, если она не работает для вас, но она должна!

Не уверен, как квадратировать это с ответом левито.

Вот ссылка на проблему github:

https://github.com/facebookincubator/create-react-app/issues/1998#issuecomment-295311100

Ответ 5

Кроме того, вы можете создать свое приложение, используя этот стартер

Он не использует приложение create-реагировать, поэтому полностью настраиваемый и изменяемый. Потому что с помощью create-реагировать-приложение будет трудно добавить что-то в некоторых случаях...