React Native初始化项目生成App.tsx而非App.js的原因及恢复方法

从React Native 0.71版本开始，官方的npx react-native@latest init命令默认使用TypeScript模板，所以创建项目时会自动生成App.tsx，而不是之前的App.js。要恢复生成JS版本的项目，有两种方法：

方法一：创建新项目时直接指定JS模板 #

不用默认模板，在初始化命令里加上--template参数指定纯JavaScript模板，执行以下命令：

npx react-native@latest init AwesomeProject --template react-native-template-typescript@false

或者用官方维护的旧版纯JS模板：

npx react-native init AwesomeProject --template legacy

方法二：把已有的TS项目改成JS版本 #

如果已经创建了TS项目，想改成JS结构，按以下步骤操作：

• 把根目录的App.tsx重命名为App.js，同时删掉文件里的TypeScript语法（比如类型注解、接口定义这些），改成纯JS写法。
• 打开index.js（如果是index.tsx就重命名成index.js），确保导入App的路径是./App。
• 删除项目里的tsconfig.json、tsconfig.node.json这类TS配置文件，然后在package.json里移除typescript、@types/react、@types/react-native这些TS相关依赖，再执行npm install或yarn install更新依赖。
• 如果项目里还有其他.ts/.tsx文件，全部改成.js/.jsx，并清理掉里面的TS语法。

内容的提问来源于stack exchange，提问作者Alper Taş