typescript - React NativeにApp.jsの代わりにApp.tsxを使うように指示する

TypeScriptでプロジェクトのひな型を作りましたが、メインのindex.jsファイルがApp.tsxではなくApp.jsを参照しています。

App.js の代わりに TypeScript ファイル（App.tsx）を使用するようにプロジェクトを設定するにはどうすればよいですか？

私のプロジェクトの構造は以下の通りです:

これは react-native init X --template typescript を使用してスキャフォールドされました

回答 #1

関連するフォルダ構造を追加していただけますか？

すべての .ts(x) ファイル（App.tsx や index.ts も含む）を含む別のソースフォルダーを作成することをおすすめします。これらのファイルをすべてビルドフォルダーにコンパイルすると、index.js もそのフォルダー内に配置され、もはやプロジェクトのルートには存在しなくなります。

それから、android フォルダと ios フォルダ内の build.gradle と AppDelegate.m を調整して、index.js の代わりに build/index.js を参照するようにします。また、index.js を参照している package.json のスクリプト（ビルドスクリプトなど）も忘れずに更新してください。

JSをすべてTSから厳密に分けておく方がずっと理にかなっていると思います。