web-dev-qa-db-ja.com

TypeScriptでcreate-react-appを使用できますか

Create-react-appでTypeScriptを使用することはできますか?もしそうなら、どのようにしますか?

44
Dave Ford

次のようにできます:

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

https://github.com/wmonk/create-react-app-TypeScript を参照してください

これにはイジェクトは不要です。

49
levito

これは行く方法です:

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

Create React App v2.1. TypeScriptをサポートするようになったため、react-scripts-tsフォークを取り出したり使用したりする必要がなくなりました。

または、 既存のアプリに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] Vincent answer

[2] migrate create react app TypeScript post

19
Tan Duong

TypeScriptは、create-react-appバージョン2.1ですぐに使用できます!

次のように使用できます( ここに示すように ):npx create-react-app@next app-name --scripts-version=2.0.6-next.c662dfb0 --TypeScript

7
Martin

Create-react-appのgithubの問題に機能要求を投稿しましたが、ここに応答がありました。

こんにちは!まだTypeScriptを検討する準備ができていません(更新については#142を参照)。 Flow統合はまだ完了していません(タイプセーフの最初のオプションとして提案します)。

さらに、現在非常に興味深いことが起こっています。 babel/babylon#320およびbabel/babylon#444を参照してください。 TypeScriptは、間もなくBabylonによって解析される可能性があります(Babelによってコンパイルされます)。マイクロソフトはこれを実現することに関心があり、WIP自体にも取り組んでいます。

この考慮事項は、おそらくまだ数か月先です。ごめんなさい!

私たちによって承認されていませんが、TypeScriptをサポートするCRAの分岐があります。動作しない場合はサポートを提供できませんが、サポートする必要があります!

それをレビトの反応で二乗する方法がわからない。

Githubの問題へのリンクは次のとおりです。

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

2
Dave Ford

また、これを使用してアプリを作成できます starter (- https://github.com/vtereshyn/react-TypeScript-eslint-starter

Create-react-appを使用しないため、完全にカスタマイズおよび変更できます。 create-react-appを使用するため、場合によっては何かを追加するのが難しいでしょう...

0