如何让React Native初始化项目生成app.js而非app.tsx?
如何在React Native初始化时生成app.js而非app.tsx?
一、初始化阶段直接生成JavaScript项目
React Native最新版本默认采用TypeScript模板,要强制生成纯JavaScript项目,只需在初始化命令后添加--no-typescript参数:
npx react-native@latest init AwesomeProject --no-typescript
执行后生成的项目会直接包含app.js文件,无需后续修改。
二、将已创建的TypeScript项目转为JavaScript项目
如果已经生成了带app.tsx的项目,也可以手动转为JavaScript项目,步骤如下:
- 删除项目根目录下的
tsconfig.json文件,以及package.json中@types/react、@types/react-native这类TypeScript相关依赖,然后重新执行依赖安装命令(npm install或yarn install)。 - 将
app.tsx重命名为app.js,并移除文件内所有TypeScript类型标注(比如组件的props类型、变量类型定义等)。 - 检查项目中其他
.tsx/.ts文件(如index.tsx),同样重命名为.js/.jsx并清理类型代码。 - 确认
babel.config.js和metro.config.js中没有针对TypeScript的特殊配置,保持默认即可。 - 重新启动项目即可正常运行。
内容的提问来源于stack exchange,提问作者FireKill213
相关产品推荐
相关产品推荐

