create-react-app 可以与 TypeScript 一起使用吗

Question

Is it possible to use TypeScript with create-react-app ? If so, how would you do it?

Answer 1

You can do it like this:

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

See https://github.com/wmonk/create-react-app-typescript

No ejecting required for this.

Answer 2

This is the way to go:

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

Create React App v2.1.0 now supports TypeScript, so you no longer need to eject or use the react-scripts-ts fork;

Or you can add TypeScript to the existing app :

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  

then rename .js files to .tsx files to start using TypeScript.

Note that a tsconfig.json will be created for you when you run the app. You will be able to edit tsconfig.json except for some options .

Credits:

[1] Vincent answer

[2] migrate create react app typescript post

Answer 3

Typescript is available out of the box now, in create-react-app version 2.1!

You can use it now, like this ( as shown here ): npx create-react-app@next app-name --scripts-version=2.0.6-next.c662dfb0 --typescript

Answer 4

I posted a feature request in the github issues for create-react-app and here was the response:

Hi! We're not quite ready to consider TypeScript yet (see #142 for updates). We have yet to complete our Flow integration (which we will suggest as first option for type safety).

Additionally, there's really interesting things going on right now. See babel/babylon#320 and babel/babylon#444. TypeScript may soon be parsed by Babylon (and compiled by Babel). Microsoft has interest in seeing this happen, and are working on a WIP themselves, too.

This consideration is probably still a few months out. Sorry!

Though unendorsed by us, there is a fork of CRA which supports TypeScript. We cannot provide support if it doesn't work for you, but it should!

Not sure how to square that with levito's response.

Here is the link to the github issue:

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

Answer 5

Here is update about create-react-app --typescript flag

Previously in order to generate new project in typescript with create-react-app we used typescript flag like below

npx create-react-app my-app --typescript

But this typescript flag will be removed in next major release of create-react-app as mentioned in the create-react-app --help

 --typescript (this option will be removed in favor of templates in the next major release of create-react-app)

So the new solution will be to use a template as mentioned here

ex:

npx create-react-app my-app --template typescript

Answer 6

Also, you can create your app using this starter ( https://github.com/vtereshyn/react-typescript-eslint-starter )

It doesn't use create-react-app, so fully customizable and changeable. Because using create-react-app it will be hard to add something in some cases...

Answer 7

You can use Facebook's Official Typescript Template for Create React App.

Do

npx create-react-app my-app --template typescript

or

yarn create react-app my-app --template typescript