如何将React Native 0.71默认的TypeScript项目改为JavaScript？

方法一：直接创建纯JavaScript项目 #

React Native 0.71+ 默认生成TypeScript项目，但可以通过指定JavaScript模板直接创建：

npx react-native init MyJSProject --template react-native-template-javascript

如果遇到模板版本兼容问题，可以指定与0.71匹配的模板版本（比如react-native-template-javascript@0.71.x）。

方法二：将已生成的TypeScript项目转为JavaScript #

如果已经创建了TS项目，可按以下步骤转换：

1. 删除TS配置文件
   删除项目根目录下的tsconfig.json、tsconfig.node.json。

2. 移除TypeScript相关依赖
   在终端运行：

   # npm
   npm uninstall typescript @types/react @types/react-native @types/jest @types/react-test-renderer
   # yarn
   yarn remove typescript @types/react @types/react-native @types/jest @types/react-test-renderer
   

3. 修改项目文件

   • 将所有.tsx后缀文件重命名为.jsx，.ts后缀文件重命名为.js（比如App.tsx→App.js）
   • 移除所有文件中的TypeScript语法：类型注解、接口声明、类型导入等（比如把const name: string = 'test'改成const name = 'test'）
   • 调整babel.config.js，移除@babel/preset-typescript预设，修改为React Native默认配置：

     module.exports = {
       presets: ['module:metro-react-native-babel-preset'],
     };
     

   • 打开package.json，删除scripts中所有与TS相关的命令（比如"type-check": "tsc"），同时清理dependencies和devDependencies里残留的TS相关包。

4. 重新安装依赖并验证

   # npm
   npm install
   npm run android # 或 npm run ios
   # yarn
   yarn install
   yarn android # 或 yarn ios
   

内容的提问来源于stack exchange，提问作者RANTO BERK