web-dev-qa-db-ja.com

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

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

reactjscreate-react-app
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
Vladyslav Tereshyn